HTML常用标签整理(上)

    xiaoxiao2021-12-03  20

    一、HTML基本文档

    HTML(Hyper Text Markup Language) 是超文本标记语言,标记语言是一套标记标签。HTML使用标记标签来描述网页。

    HTML标签以尖括号包含关键字的形式出现标签一般成对出现,即开放标签和闭合标签

    下面是HTML的基本文档

    <!DOCTYPE html> <html> <head> <title>文档标题</title> </head> <body> <h1>标题</h1> <p>段落</p>以上是可见文本</body> </html> 其中<!DOCTYPE>声明了文档类型,有助于浏览器正确显示网页,因为除了html以外还有其他文档类型位于标签<html> 与</html>描述文档类型位于标签<body>与</body>为可视化网页内容其他标签将在后面详细介绍

    二、格式标签 格式标签用于定义文本中的布局、位置、换行、列表等,格式标签有很多,但只需记住常用的就行,因为所有的格式都可用CSS控制。以下列出几个格式标签,并用实例具体说明:

    <p> 段落<br>换行<center>居中<pre>预文本化格式<hr>水平线<ul><li>无序列表<ol><li>有序列表 <!doctype html> <html> <head> <title>格式标签</title> </head> <body> 窗外的麻雀在电线杆上多嘴</p> 你说这一句很有夏天的感觉</p> 手中的铅笔在纸上来来回回</p> <p>窗外的麻雀在电线杆上多嘴</p> <p style="color:green" >你说这一句很有夏天的感觉</p> <p align="center">我用几行字形容你是我的谁</p><br> 秋刀鱼的 滋味 猫跟你    都很想了解 <p>秋刀鱼的滋味<br> 猫跟你都很想了解<br></p> <center>居中-七里香</center><br> <p> <pre color=“blue”> 那温暖的阳光 像刚摘的鲜艳草莓 你说你舍不得 吃掉这一种的感觉</pre> </p> <hr> <hr width="200" size="30" color="black"> <hr width="50%" color="red"> <ul> <li> AAAA</li> <li> BBBB</li> <li> CCCC</li> <li> DDDD</li> </ul> <ol> <li> AAAA</li> <li> BBBB</li> <li> CCCC</li> <li> DDDD</li> </ol> </body> </HTML>

    <p>可以单独使用,但最好变成元素,成对使用在<p>中可以插入格式类型,如:改变颜色,居中等换行标签为单标签,可用于唐诗、歌词中的排版浏览器会移除源代码中多余的空格和空行,所有连续的空格和空行算一个空格,这时可使用 设置需要几个空格<center>标签包含在哪个标签就使哪个标签居中,是相对的<pre>就是用来保留源代码中的格式,如浏览器中的歌词有序列表和无序列表在网页中很常见,并且都能嵌套,用CSS修饰可得想要的样式

    三、文本标签 文本标签用于强调文字,让文字有所变化。虽然CSS也能达到类似的效果,但搜索引擎会滤过CSS样式,而会注意文本标签,常用的文本标签如下:

    <hn><b>、<i>、<u><em><strong><small>、<big><font>、<tt>、<cite> <!DOCTYPE html> <html> <head> <title>文本标签</title> </head> <body> <h1>最大的标题</h1><br> <h2>……</h2><br> <h3>……</h3><br> <h4>……</h4><br> <h5>……</h5><br> <h6>最小的标题</h6><br><br> <b>粗体</b><br> <i>斜体</i><br> <u>下划线</u><br><br> <em>输出强调的斜体字</em><br> <strong>输出强调的粗体字</strong><br><br> <small>输出小型字体</small><br> <big>输出大型字体</big><br><br> <font face="宋体" color="red">红色宋体字</font><br> <font face="黑体" color="green">绿色黑体字</font><br> <font face="微软雅黑" color="yellow">黄色微软雅黑字</font><br><br> <tt>输出打印机字体</tt><br> <cite>输出印证、举例的字体</cite> </body> </html>

    在浏览器中显示的效果如下:

    最大的标题

    二级标题

    三级标题

    四级标题

    五级标题
    最小的标题
    粗体 斜体 下划线 输出强调的斜体字 输出强调的粗体字 输出小型字体 输出大型字体 红色宋体字 绿色黑体字 黄色微软雅黑字 输出打印机字体 输出印证、举例的字体 以上内容就是常见的HTML格式标签和文本标签

    转载请注明原文地址: https://ju.6miu.com/read-680092.html

    最新回复(0)