HTML知识点3

<开始标签[…属性]>标签内容<结束标签>

例子`<p>Hello world土不土</p>`

例外

<input type= “text” value= “” />
</br> 换行标签

属性只能在开始标签中定义！

head必须在body的上面！

标题标签：<h1>标题内容</h1>
这个是标题标签，它共有6级，标准规定，标题标签就一共6级
非严格状态下，标签是可以不闭合的，例如:<h1>标题内容 ；但是有的浏览器可以自动渲染有的不可以；浏览器会自动给你附加标题样式（而我们有的时候并不想要），搜索引擎或者阅读器能够根据标题来识别，生成文档大纲（应该是利于蜘蛛抓取，关键词收录，，应该是）
关于字体颜色，标准格式是<标题标签 style="color:颜色英文代号;">内容<结束标签>

例:    <h5 style="color:blueviolet;">好好学习，天天向上</h5>

css里面有一项是font-size，字体大小的意思，一般em为单位，1em等于16PX
思考：
1.为什么只有6级呢？
答：因为标准规定一共就6级标题，打上h7或者h8都是不存在的，因为6级就够用了，也可以理解为再小点就看不到了…
1级标题大小是32PX、2级标题24PX、3级标题18PX、四级标题16PX、5级标题14PX、6级标题12Px（其中三级和五级不是绝对值，是约等于18和14），绝大多数的浏览器只能识别到12PX，所以再小会影响显示效果…

段落标签：<p>段落内容</p>

空标签也占地方，浏览器是潜在风险，需要在css里设置统一样式。
他的出场率很高，作用是划分段落；

列表标签:<ul><li></li></ul>  (无序标签)

无序标签顾名思义就是没有顺序的，ul标签在最外层，里面是li

例:  <ul>
     <li>苹果</li>
     <li>鸭梨</li>
     <li>茄子</li>
     <li>啤酒</li>
     <li>西瓜</li>
 	</ul>
 <ol><li></li></ol>  (有序标签)
有顺序的
例:  <ol>
 		<li>苹果</li>
 		<li>西瓜</li>
 		<li>茄子</li>
 	</ol>
<dl><dt></dt><dd></dd></dl>  (定义列表)

输出后上面显示名称下面显示解释，且下面一段会自动缩进

例:   <dl>
    <dt>正数</dt>
    <dd>大于0的数</dd>
 	</dl>

只有第一种无序标签可以设置项目符号开头实心圆变成空心圆（circle）、以及变成方块(square)，后面两种不可以,因为无序列表没有具体的语义，none可以表示为不设置项目符号，也就是默认的实心圆点
type一般不建议使用，它的作用是管理项目符号样式，主要由css负责
一般情况下，无序列表可以搞定一切，因为顺序数字可以手动写上去

html链接标签`<a>`

可以实现文章内部锚点，跳转到外部文档，下载资源的功能
有两个属性，href，target，herf后面写链接，target后面写_blank的话就是跳转在新窗口打开，写_self的话就是在本窗口直接跳转。
id是所有html的通用属性，可以设置herf为指定id区域实现本页定位到指定区

布局标签:<div>

他的作用是布局，非常常用而且重要，现在的布局都靠他

字体标签：文字内容
可以添加属性，例如表示现在字体大小是1
或者是指明字体集
他的作用是格式化文本，只能控制字体集（Helvetica Arial）大小和颜色，别用别用别用！因为已经过时了！

图片标签<img />
例: <img src="http//:baidu.com/logo.png"/>

设置logo名字，<img alt="logo" src="http//:baidu.com/logo.png"/>,这样出来的logo如果无法正常显示了。还是会显示出来logo文件名字，（就是设置的文件名字）
它不需要结束标签，它是单独的一个标签
作用插入图像，支持jpg png gif pdf

<b>加粗字体</b>
<strong>另一种加粗字体，同上</strong>
<big>大号字体</big>
<em>强调字体</em>
<i>斜体</i>
<small>小号字体</small>
<sub>下标</sub>
<sup>上标</sup>