本文介绍了HTML中用于页面结构化的基础标签，包括标题标签(h1-h6)用于组织内容的重要性，段落标签(>)用于分段显示文字，换行标签(>)用于强制换行，以及文本格式化标签如加粗(>)、斜体(>)和下划线(>)。此外，还提到了<div>和<span>标签在布局中的作用，以及<img>标签的使用，包括title和alt属性。
1、标题标签
(1)概念
为了使网页更具有语义化，我们经常会在网页中用到标题标签，一共分为6个等级，h1~h6，h是单词head的缩写，意为头部、标题，根据重要性依次递减
(2)代码
我是一级标题
我是二级标题，
我是三级标题
我是四级标题
我是五级标题
我是六级标题
(3)测试
可以看出，根据等级的不同，文字的粗细、大小、重要性也随之改变
2、段落标签
(1)概念
在网页中要把文字有条理的显示出来，需要将这些文字分段显示，
标签是单词段落的缩写，可以把文字分为若干个段落
(2)代码
小草偷偷地从土里钻出来，嫩嫩的，绿绿的。园子里，田野里，瞧去，一大片一大片满是的。坐着，躺着，打两个滚，踢几脚球，赛几趟跑，捉几回迷藏。风轻悄悄的,草软绵绵的。
桃树、杏树、梨树，你不让我，我不让你，都开满了花赶趟儿。红的像火，粉的像霞，白的像雪。花里带着甜味儿；闭了眼，树上仿佛已经满是桃儿、杏儿、梨儿。花下成千成百的蜜蜂嗡嗡地闹着，大小的
蝴蝶飞来飞去。野花遍地是：杂样儿，有名字的，没名字的，散在草丛里，像眼睛，像星星，还眨呀眨的。
(3)测试
如果不添加分段标签，所有的文字都会在一个段落显示，添加标签以后，文字的显示更加有条理了。文字在一个段落中会根据浏览器窗口的大小自动换行，并且段落和段落之间会保留有空隙
3、换行标签
(1)概念
一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端才会自动换行，如果我们希望在中间换行，就要用到强制换行标签，是单词break的缩写，意为：打断、换行。
(2)代码
床前明月光，
疑是地上霜。
举头望明月，
低头思故乡。
(3)测试
4、文本格式化标签
(1)概念
文本格式化标签主要是为文字设置粗体、斜体或下划线等效果
(2)代码
床前明月光，
疑是地上霜。
举头望明月，
低头思故乡。
(3)测试
5、div和span
(1)概念
(2)代码
举头望明月，
低头思故乡。
(3)测试
6、图像标签
(1)代码
(2)测试
title属性： 当鼠标放到图片上放的时候，会有文字提示
alt属性：当图片不存在的时候，会有文字提示，显示属性的文字信息
(3)图像的大小、边框
代码：
测试：
图像标签可以有多个属性，属性之间不分先后顺序，但是必须以空格分离，属性必须写在标签的后面
来源：https://www.cnblogs.com/zhai1997/p/12964105.html
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
