1)HTML标签
1.1 双标签有:<html></html>,<head></head><title></title>等
1.2 单标签有:<br/>,<hr/>,<img/>等
2标签属性
标签的属性现在暂时写在标签内,其格式为 属性名="属性值"
属性值:HTML中属性值既可以用单引号括起来,也可以用双引号括起来或者不用引号都可以(不推荐)单双引号一定要配对出现
3)HTML注释: HTML与XML一样使用<!-- 注释内容 -->来做注释
4)常见标签
1) meta: meta标签需要写在head标签中,meta属性及值有两种写法
1.1 指定name:<meta name=“名字” content=“值” />网页的描述信息。
比如:<meta name=“keywords” content=“网页关键词,有助于SEO”/>
1.2 指定http-equiv:<meta http-equiv="名字" content="值" />模拟http响应头信息。
比如:<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />指定网页编码,防止网页中的中文出现乱码
2)h1-h6标签一般用于标题,表示字体的大小,h1最大h6最小,有助于SEO
3)<p></p>与<br/>标签 作用都是换行
<p>标签前后会有比较大的空白一般用于段落,<br/>标签只是换行
4)<center></center>使页面内容居中显示
5)<b>文字显示为粗体</b>与<strong>文字显示为粗体粗体(推荐)</strong>
6)<i>文字显示为斜体</i> 7)<u>文字带下划线</u> 8)<em>文字显示为斜体</em>
9) <sup>2</sup>上标,比如10的平方:10<sup>2</sup>
<sub>2</sub>下标,比如水的化学式:H<sub>2</sub>O
10)<pre></pre> 预格式化可以在页面原样输出
<!DOCTYPE html>
<html>
<head>
<title>常见标签与属性</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
<h1>预祝大家虎年快乐</h1>
<h2>预祝大家虎年快乐</h2>
<h3>预祝大家虎年快乐</h3>
<h4>预祝大家虎年快乐</h4>
<h5>预祝大家虎年快乐</h5>
<h6>预祝大家虎年快乐</h6>
致敬所有抗疫人员<br />
你们辛苦了!!!<br />
<p>致敬所有边防军人,消防员,警察等</p>
<p>祝你们虎年快乐,身康体健</p>
<center>居中显示</center>
<b>文字显示为粗体</b>与<strong>文字显示为粗体粗体(推荐)<strong/><br>
<i>文字显示为斜体</i>与<em>文字显示为斜体(推荐)</em> <u>文字带下划线</u><br/>
10<sup>2</sup> <br/><!--水的化学式-->
H<sub>2</sub>O <br/><!--10的平方-->
<pre>
葡萄美酒夜光杯,欲饮琵琶马上催。
醉卧沙场君莫笑,古来征战几人回?
</pre>
</body>
</html>