认识标签
标签
1.标签的作用是用来给网页的内容添加语义的.(标准)
2. 标签的作用是用来给网页的内容添加语义的(seo).(标准)
3. seo -> 搜索引擎优化 -> 为了提升网站的访问量
html:
- 超文本标记语言.(写标签的语言)
- html后缀名的文件就是我们的网页文件。
- 做网页就是编写html文件。
标签一定需要正确的闭合
- 双标签一定需要写闭标签
- 闭标签一定要写 /
- 标签是有开,有关,成对出现
- 双标签也需要闭合
<p id='wrap'>这是一个段落</p>
<p>这是第二个段落</p>
标签从结构上分两种标签:
- 双标签 >有开标签和闭标签。
- 单标签 >没有开标签和闭标签的区别
标签的属性
- 类似 id class style 这类也叫全局属性,除此之外还有标签的私有属性。
- 全局属性是指所有标签都可以用的,详细看菜鸟教程里的。
- 还有标签的事件属性
<p id='wrap' class='box' style='width:100px' abc >这是一个段落</p>
标签的嵌套关系
- 有嵌套和并列的关系
- 标签里面放标签就是标签的嵌套
- 有嵌套和并列的关系
<p>啊啊啊啊啊啊</p>
<!-- 这里的内容是"啊啊啊啊啊啊" -->
<!-- input和p在这里是嵌套关系 -->
<!-- 这里p是父元素(标签),input是子元素(标签) -->
<p>
这是一个按钮:<input type='button' value='按钮' />
</p>
<!-- 标签里面放标签就是标签的嵌套.为什么要这样做? -->
<!-- 搬家时,为什么把多个小盒子放到一个大的盒子里面,然后搬上车? -->
<div>
<p>
这是一个按钮:<input type='button' value='按钮' />
</p>
</div>
<div>
<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
</div>
<!-- 这里p是div的子元素,同时又是input的父元素 -->
<!-- 这里,p和input是div的后代元素 -->
<!-- 后代元素包括子元素 -->
<!-- 书写嵌套的标签,子元素应该缩进一格 按tab键 -->
<!-- 反缩进 -> 按shift+tab -->
<div>8888</div>
<div>9999</div>
<!-- 这里两个div是并列关系,他们互为兄弟元素. -->
<!-- 兄弟元素需要对齐 -->
标签 | 意义 |
---|---|
<P> | 代表文字段落 |
<input /> | 代表按钮 |