HTMl标签
HTML标签是分等级的(两种):
文本级标签:p ,span,a、b、i、u、em,文本级标签只能放文字、图片、表单元素。(a标签里不能放a和input)
容器级标签:div、h系列、li、dt、dd,容器级标签里可以放置任何东西。
- p标签是一个文本级标签,p里面只能放文字、图片、表单元素,其他一律不能放
- 错误写法:**尝试把h放到p里**
### 属性介绍
- - align="属性值":设定线条置放位置。属性值可选择:left right center 。
- - size="2" :设置线条粗细,以像素为单位,内定为2。
- - width="500" 或width="70%":设定线条长度。可以是绝对值(单位是像素)或相对值。如果设置为相对值的话,内定是100%。
- - color="#0000FF":设置线条颜色。
- - noshade:不要阴影,即设定线条为平面显示,若没有这个属性则表明线条具有阴影或立体。
# 排版标签:<h1> <p> <hr /> <br /> <div> <span> <center> <pre>`
1. 标题标签`<h1>~<h6>`由大到小
- align属性,属性值可以是:left、center、right。
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
2. html注释`<!--注释内容-->` 快捷键:Ctrl+/
3. 段落标签`<p></p>`
- align属性,属性值可以是:left、center、right。
- **文本级标签**:p、span、a、b、i、u、em。文本级标签里只能放文字、图片、表单元素。(a标签里不能放a和input)
- **容器级标签**:div、h系列、li、dt、dd。容器级标签里可以放置任何东西。
4. 水平线标签`<hr />`
5. 换行标签 `<br/>`
6. `<div>`和`<span>`
- div标签:可以把标签中的内容分割为独立的区块,必须单独占据一行。
- span标签:和div作用一致,但不换行。
div和span是非常重要的标签,div的语义是division“fenge”;span的语义就是span“范围,跨度”。
**div和span的区别**
- `<span>`和`<div>`唯一不同区别在于:`<span>`是不换行的, `<div>`是换行的。
- 如果单独在网页中插入这两个元素,不会对页面产生任何的影响。这两个元素是专门为定义CSS样式而生的。DIV+CSS来实现各种样式。
7. 内容居中标签`<center>`
+ 此刻center代表是一个标签,而不是一个属性值。只要在这个标签里面的内容。都会居于浏览器的中间。在HTML5中,center标签不建议使用,而是用css标签。
8. 预定义(预格式化)标签`<pre>`:将保留标签内所有的空白字符(空格、换行符),原封不动额输出结果。