重庆企业网站推广流程,微信采集wordpress,该工具支持 preview 功能,深圳英文网站建设专业公司本文属于HTML/CSS专栏文章#xff0c;适合WEB前端开发入门学习#xff0c;详细介绍HTML/CSS如果使用#xff0c;如果对你有所帮助请一键三连支持#xff0c;对博主系列文章感兴趣点击下方专栏了解详细。 博客主页#xff1a;Duck Bro 博客主页系列专栏#xff1a;HTML/CS… 本文属于HTML/CSS专栏文章适合WEB前端开发入门学习详细介绍HTML/CSS如果使用如果对你有所帮助请一键三连支持对博主系列文章感兴趣点击下方专栏了解详细。 博客主页Duck Bro 博客主页系列专栏HTML/CSS专栏关注博主后期持续更新系列文章如果有错误感谢大家批评指出一定及时修改感谢大家点赞收藏⭐评论✍ 【HTML专栏4】常用标签标题、段落、换行、文本格式化、注释及特殊字符
本文关键字标题、段落、换行、文本格式化、注释及特殊字符 文章目录 【HTML专栏4】常用标签标题、段落、换行、文本格式化、注释及特殊字符一、什么是标签语义二、标题标签 (h1- h6)三、段落和换行标签四、文本格式化标签五、div 和 span标签六、注释和特殊字符 一、什么是标签语义
标签语义是指对标签的含义进行描述和解释使其更易于被理解和使用。标签是指用户为网页、文章、图片等内容所添加的关键词或短语它们用于描述内容的主题、性质、特征或分类有助于用户对内容进行搜索、过滤和组织。标签语义的目的是通过对标签的语义进行描述使搜索引擎和其他应用程序能够更好地理解标签所表示的含义提高搜索和推荐的准确性和效率。例如如果一个图片被标记为“风景”那么标签语义可以对风景的含义进行解释包括山水、海景、城市景色等从而为用户提供更为精准的搜索结果。
简单理解就是指标签的含义即这个标签是用来干嘛的。 二、标题标签 (h1- h6)
HTML 提供了 6 个等级的网页标题即h1 - h6 。 标签语义作为标题使用并且依据重要性递减。
代码
h1一级标题/h1
h2二级标题/h2
h3三级标题/h3
h4四级标题/h4
h5五级标题/h5
h6六级标题/h6效果图 三、段落和换行标签
1. 段落标签 在 HTML 标签中p标签用于定义段落它可以将整个网页分为若干个段落。
标签语义 可以把 HTML 文档分割为若干段落。
代码
p 我是一个段落标签 我是一个段落标签 我是一个段落标签 我是一个段落标签 /p
p 我是下一个段落标签 我是下一个段落标签 我是下一个段落标签 我是下一个段落标签 /p效果图 2. 换行标签 如果需要某段文本强制换行显示就需要使用换行标签 br /。
标签语义 强制换行。
代码
换行标签换行标签换行标签br /换行标签换行标签换行标签效果图 四、文本格式化标签
在网页中有时需要为文字设置粗体、斜体 或 下划线 等效果这时就需要用到 HTML 中的文本格式化标签使文字以特殊的方式显示
标签语义: 突出重要性, 比普通文字更重要
语义标签说明加粗strong/strong或者b/b更推荐使用strong 标签加粗语义更强烈倾斜em/em或者 i/i更推荐使用em 标签加粗 语义更强烈删除线del/del 或者 s/s更推荐使用del标签加粗 语义更强烈下划线ins/ins 或者 u/u更推荐使用ins 标加粗 语义更强烈
代码 strong加粗/strongb加粗/bem倾斜/emi倾斜/idel删除线/dels删除线/sins下划线/insu下划线/u效果图 五、div 和 span标签
div 和 span 是没有语义的它们就是一个盒子用来装内容的。
标签语义1. div 标签用来布局但是现在一行只能放一个div。 大盒子 2. span 标签用来布局一行上可以多个 span。小盒子
代码
div div 大盒子 /div
span span 小盒子1 /span
span span 小盒子2 /span
span span 小盒子3 /span效果图 六、注释和特殊字符
1. 注释
如果需要在 HTML 文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字就需要使用注释标签。HTML中的注释以!--开头以 --结束。
标签语义添加注释是为了更好地解释代码的功能便于相关开发人员理解和阅读代码程序是不会执行注释内容的。 代码 !-- 注释语句 -- 快捷键: ctrl /效果图 2. 特殊字符
在 HTML 页面中一些特殊的符号很难或者不方便直接使用此时我们就可以使用下面的字符来替代。如大于、小于号、空格等符号
特殊字符描述字符的代码空格符nbsp;小于号lt;大于号gt;和号amp;人民币yen;©版权copy;®注册商标reg;°摄氏度deg;±正负号plusmn;×乘号times;÷除号divide;²平方2(上标2)sup2;³立方3(上标3)sup3;
