HTML的基本骨架标签、段落换行水平线标签以及文本标签是构建网页的基础
HTML文档的基本骨架由以下几个主要标签组成:
1. <!DOCTYPE html>:声明文档类型,告诉浏览器这是一个HTML5文档。它位于文档的最前面,不是HTML标签,但它是HTML文档的重要组成部分
2. <html>:表示整个HTML文档的开始和结束。所有的HTML内容都应该包含在这个标签内
3. <head>:包含了文档的元(meta)数据,如文档的标题、字符集定义、对外部文件(如样式表、脚本)的引用等。这些元素不会直接显示在网页上,但对网页的渲染和行为至关重要
4. <title>:定义文档的标题,这个标题会显示在浏览器的标题栏或标签页上。同时,它也是搜索引擎优化(SEO)的重要因素之一
5. <body>:包含了网页的所有可见内容,如文本、图片、视频、链接等
段落换行水平线标签:
首先,我们来看段落标签
段落标签(<p></p>)
段落标签`<p>`用于定义文本的一个段落。浏览器会自动在段落前后添加空行(即外边距),以实现段落的分隔
演示如下:
来看看效果
接下来是换行标签
换行标签(<br>)
换行标签`<br>`是一个空标签,用于在文本中插入一个简单的换行(而不是新段落),它不需要结束标签
演示如图:
运行结果如图
接下来便是水平线标签了
水平线标签(<hr>)
水平线标签`<hr>`用于在HTML页面中插入一条水平线,常用于分隔内容区块
演示如下:
运行效果如下
接下来就是文本标签啦,HTML提供了多种文本标签,用于对文本进行格式化,如加粗、斜体、删除线等
加粗标签(<strong>):表示文本的重要性,加粗文本字体
来看看演示
运行结果
斜体标签(<em>):表示文本的强调,倾斜字体
看看演示
运行结果
删除线标签(<del>):表示文本已被删除
演示如下
来看看效果
那么今天就先说到这,谢谢