2021-08-23

HTML标签及规范

一、HTML概述:
  
HTML 是 HyperText Mark-up Language 的首字母简写。

语 言 : 人们用于交流的工具;

超文本 :就是指页面内可以包含图片、链接,甚至音乐、视频等非文字元素;

标 记 :一种标记符,可以告诉浏览器如何显示其中的内容;
比如:<p> web前端开发</p>,这里的<p></p>就是一种标记符(段落标签)


二、HTML的功能:

  1. 在文档中直接包含电子表格、视频剪辑、声音剪辑以及其他的一些应用。
  2. 展示在线的文档,其中包含了标题、文本、表格、列表以及照片等内容。
  3. 可用于检索信息、定购产品等。

三、 动态网页与静态网页
  静态网页:HTML代码和内容书写完毕后,页面的内容和显示效果就基本上不会发生变化了——除非你修改页面代码。
  动态网页:页面代码虽然没有变,但是显示的内容却是可以随着时间、环境或者数据库操作的结果而发生改变
的。

四、浏览器内核

  1. Trident内核:代表产品IE,又称为IE内核。是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器有:IE、
    遨游、世界之窗浏览器、腾讯TT等等。
  2. Gecko内核:代表产品Mozilla FirefoxGecko是一套开源的,C++编写的排版引擎。使用它最著名的浏览器有
    Firefox,Netscape 6至9。
  3. WebKit内核:代表产品有Safari,主要用于Mac OS系统。使用它的浏览器是Safari和谷歌浏览器Chrome。
  4. Presto内核:代表产品OperaPresto是由Opera Software开发的浏览器排版引擎,它是世界公认最快的渲染
    速度的引擎。在13年之后,Opera宣布加入谷歌阵营,弃用了。
  5. Blink内核:由Google和Opera Software开发的浏览器排版引擎,2013年4月发布。现在Chrome和Opera内
    核是Blink。

常用的开发工具:(可以根据自己的爱好来)

1.DCloud HBuilder
2.Sublime Text 3
3.Visual Studio Code (作者用的)
4.WebStorm

  
五、HTML基本结构

<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="index.js"></script>
<style></style>
</head>
<body>......</body>
</html>
<meta charset="UTF-8"><!--网页编码-->
<meta name="Generator" content="EditPlus®"><!--说明生成工具-->
<meta name="Author" content="Harrison"><!--文档作者-->
<meta name="Keywords" content="HTML,CSS,HTML5,CSS3,jQuery"><!--关键字-->
<meta name="Description" content="人生苦短,我用web"><!--描述-->
<link rel="shortcut icon " type="images/x-icon" href="http://www.XXXXXX.com/xxxxx.ico"> 用于引入外部的样式
<script> 元素该元素可以定义页面的脚本内容。
<style> 标签用于为 HTML 文档定义样式信息。
<body></body> 元素用于定义网页显示的内容

注意:一个HTML文件就是一个网页,HTML文件用编辑器打开显示的是文本,可以用文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页。

六、HTML的基本标签(这里给大家讲解常用的标签)
6.1

<div></div>
div 标签 它是可用于组合其他HTML元素的容器。可用于对大的内容块设置样式属性;
文档布局。它取代了使用表格定义布局的老式方法。
<h1-h6></h1-h6>
 HTML标题标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。
html提供的标题有六种分别是 h1 h2 h3 h4 h5 h6 。
<h1></h1>
定义字号最大的标题
<h6></h6>
定义字号最小的标题。
<p></p>
p 元素 会自动在其前后创建一些空白,是段落标签
<br>
br 元素 会在浏览器插入一个简单的换行符。
<hr>
hr 标签 定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。
<a></a>
a标签 用来设置超文本链接。
href属性:描述了链接的目标URL;
target属性:设置链接跳转方式。
<span>
span 用来组合文档中的行内元素,可用作文本的容器。 span 元素 没有固定的格式表现,当对它应用样式时,它才会产生视觉上的变化。
<ul>
ul 标签 作为无序列表,它是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记,无序列表始于 <ul> 标签,每个列表项始于 <li> 标签。
<ol>
有序列表 也是一列项目,列表项目使用数字进行标记。 有序列表始于 <ol> 标签,每个列表项始于<li> 标签。
<!--注释-->
注释标签 用于在源代码中插入注释。注释不会显示在浏览器中。 可使用注释对代码进行解释,这样做
有助于在以后的时间对代码的修改,当编写了大量代码时尤其有用。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值