其他分享
首页 > 其他分享> > HTML

HTML

作者:互联网

一、简介

  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