HTML

2022-07-19 12:38:13 阅读：160 来源： 互联网

一、简介

　　HTML英文全称是Hyper Text Markup Language，中文名为超文本标记语言。是Tim Berners-Lee（蒂姆.博纳斯.李）和同事在1990年创建的一种标记语言。HTML包括一系列标签，通过这些标签可以将网络上的文档格式统一，是分散的Internet资源连接为一个逻辑体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、列表、连接等。

注意：html不是一种编程语言，而是一种标记语言

HTML文档基本结构如下：

<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
　　　　

    </body>
</html>

二、HTML标记

HTML标记分为两种，双标记和单标记。标记也可以称为标签或元素。

1、双标记

双标记也可以称之为常规标记，双标记必须成对出现，有开头有结尾

格式：<标记></标记>

例：<html></html>

　　标签里面也可以设置一些标签的属性

　　格式：<标签属性="属性值" 属性="属性值"></标签>

例：<img src="./img/u=1432931027,1390497514&fm=253&fmt=auto&app=138&f=JPEG.webp" alt="">

　　标签内，需要设置几个属性就写几个属性

　2、单标记

　　单标记也可以称之为空标记，单标记是单个出现

　　格式：<标记>

例：<br/>

三、常用标记

1、标题标签（h1~h6）

标题标签自带加粗功能，有自己的文本大小，数字越小字体越大，默认有哦行间距

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

效果如下

2、段落标签

标识一个段落，有段间距

<p>文本内容</p>

3、换行标记

换行标记是一个空标记

<br/>

4、水平线

水平方向的一条分割线，默认是一条黑色带阴影粗细为2像素页面宽度相同的分割线

<hr>

5、拓展

<!-- 加粗 -->
<b>加粗</b>
<strong>加粗并突出文本</strong>
<!-- 删除线 -->
<s>文本</s>
<del>文本</del>
<!-- 下划线 -->
<u>文本</u>
<!-- 上标 -->
<sub>[1]</sub>
<!-- 下标 -->
<sup>1</sup>

四、特殊符号

html标记本身使用了一些特殊符号，我们想要在网页中将这些符号显示出来就需要用一些代码代替这些特殊符号

&lt; <!-- 是"<" -->
&gt; <!-- > -->
&amp; <!-- & -->
&copy; <!-- © -->
&reg; <!-- ® -->
&nbsp; <!-- 英文空格 -->
&emsp; <!-- 中文空格 -->
&quot; <!-- 英文引号 -->

标签：标记,标签,HTML,格式,文本,特殊符号
来源： https://www.cnblogs.com/yixiumonk/p/16489773.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

HTML