语法

一、大体

<!DOCTYPE html>               #命名
<html>                        #heml文件的例
<head>                      #定义头部
<meta charset="utf-8">        #声明编码
<title>首页标题</title>
</head>
<body>                        #正文内容
 
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
<a href="网页链接">文本输出</a>
<font size="5">5号字体（文本输出）</font>
<p>段落 <br>换行</br> </p>
换行的使用：
<b>粗体</b>
<br>
<i>斜体</i>
 
</body>
</html>

注释

<!--  注释  -->

二、元素

文本格式化标签

<b>粗体</b>
<i>斜体</i>
<q>双引号</q>
<sub>上标字</sub>
<sup>下标字</sup>
<strong>粗体 加重语气</strong>
<em>斜体 着重文字</em>
<din>斜体 定义项目</din>

文档标签

<head>定义文档的信息</head>
<title>定义了文档的标题</ttile>
<base>定义了链接标签的默认连接地址</base>
<meta>定义了文档中的元数据<meta>
<scipl>定义了客户端的脚本文件</scipl>
<style>定义了文档的样式文件</style>

三、图像

1.图片

<img src="planets-2120004 (3).jpg" width="5600" height="2822" alt="替代文本"/>

src=名字（路径）源属性 width=宽度 height=高度 alt=在图像显示不出来的时候以文本信息显示出来

2.内容对齐

align 属性规定 div 元素中的内容的水平对齐方式。

align的使用:

<div align="value">

left = #左对齐
right= #右对齐
center=#居中对齐
justfy=#对行进行伸展，这样每行都可以有相等的长度（就像在报纸和杂志中）

3.图片上放链接

<a href="网页链接">
    <img src="名字" width="宽度" height="高度" alt="替代文本"/>
</a>

四、表格与列表

简单使用

Row 1, cell 1

Row 1, cell 2

表格标签

<table>	定义表格
<th>	定义表格的表头
<tr>	定义表格的行
<td>	定义表格单元
<caption>	定义表格标题
<colgroup>	定义表格列的组
<col>	定义用于表格列的属性
<thead>	定义表格的页眉
<tbody>	定义表格的主体
<tfoot>	定义表格的页脚

列表标签

<ol>	定义有序列表
<ul>	定义无序列表
<li>	定义列表项
<dl>	定义列表
<dt>	自定义列表项目
<dd>	定义自定列表项的描述

五、布局

分组标签

<div>   定义了文档的区域，块级 (block-level)
<span>  用来组合文档中的行内元素， 内联元素(inline)

六、字体

颜色

font是一对常规标签，将字体文本内容放入标签内，font标签内设置color颜色+对应颜色值即可设置font标签对象内字体颜色

<font color="red" size="2">HTML怎么设置字体颜色</font>

HTML 标签简写及全称

下表列出了 HTML 标签简写及全称：

标签	英文全称	中文说明
a	Anchor	锚
abbr	Abbreviation	缩写词
acronym	Acronym	取首字母的缩写词
address	Address	地址
alt	alter	替用(一般是图片显示不出的提示)
b	Bold	粗体（文本）
bdo	Direction of Text Display	文本显示方向
big	Big	变大（文本）
blockquote	Block Quotation	区块引用语
br	Break	换行
cell	cell	巢
cellpadding	cellpadding	巢补白
cellspacing	cellspacing	巢空间
center	Centered	居中（文本）
cite	Citation	引用
code	Code	源代码（文本）
dd	Definition Description	定义描述
del	Deleted	删除（的文本）
dfn	Defines a Definition Term	定义定义条目
div	Division	分隔
dl	Definition List	定义列表
dt	Definition Term	定义术语
em	Emphasized	加重（文本）
font	Font	字体
h1~h6	Header 1 to Header 6	标题1到标题6
hr	Horizontal Rule	水平尺
href	hypertext reference	超文本引用
i	Italic	斜体（文本）
iframe	Inline frame	定义内联框架
ins	Inserted	插入（的文本）
kbd	Keyboard	键盘（文本）
li	List Item	列表项目
nl	navigation lists	导航列表
ol	Ordered List	排序列表
optgroup	Option group	定义选项组
p	Paragraph	段落
pre	Preformatted	预定义格式（文本）
q	Quotation	引用语
rel	Reload	加载
s/ strike	Strikethrough	删除线
samp	Sample	示例（文本
small	Small	变小（文本）
span	Span	范围
src	Source	源文件链接
strong	Strong	加重（文本）
sub	Subscripted	下标（文本）
sup	Superscripted	上标（文本）
td	table data cell	表格中的一个单元格
th	table header cell	表格中的表头
tr	table row	表格中的一行
tt	Teletype	打印机（文本）
u	Underlined	下划线（文本）
ul	Unordered List	不排序列表
var	Variable	变量（文本）