HTML标签及规范

本文介绍了HTML标签及规范,包括HTML的定义、功能,阐述了HTML与浏览器的关系及五大浏览器内核。还讲解了HTML的结构、基本标签,如div、标题标签、p元素等,说明了各标签的用途和特点。

HTML标签及规范

1.HTML的介绍

超文本 标记 语言(英文:HyperText Markup Language,HTML)是为"网页创建和其它可在网页浏览器中看到的信息"设计的一种标记语言。(HTML不是编程语言,他是一种标记语言)
(1) .超文本 :就是指页面内可以包含图片、链接,甚至音乐、视频等非文字元素;
(2) .标 记 :一种标记符,可以告诉浏览器如何显示其中的内容;
(3) .语 言 : 人们用于交流的工具;

2.HTML的功能

(1). 展示在线的文档,其中包含了标题、文本、表格、列表以及照片等内容。
(2). 通过超链接检索在线的信息。
(3). 为获取远程服务而设计表单,可用于检索信息、定购产品等。
(4). 在文档中直接包含电子表格、视频剪辑、声音剪辑以及其他的一些应用。

3.HTML与浏览器
解释和执行HTML源码的工具。
五大浏览器:Internet Explorer (IE),FireFox(火狐),Chrome(谷歌),Opera(欧朋),Safari(苹果)
浏览器的内核:
(1). Trident内核:代表产品IE,又称为IE内核。是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器有:IE,遨游,世界之窗浏览器,腾讯TT等等。

(2).Gecko内核:代表产品Mozilla FirefoxGecko是一套开源的,C++编写的排版引擎。使用它最著名的浏览器有Firefox,Netscape6至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。
4.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>

5.HTML的基本标签
(1).

<div>

div 标签 它是可用于组合其他HTML元素的容器;
可用于对大的内容块设置样式属性;
文档布局。它取代了使用表格定义布局的老式方法。
(2).

<hx>

HTML标题标签只用于标题;
不要仅仅是为了生成粗体或大号的文本而使用标题;
html提供的标题有六种分别是 h1 h2 h3 h4 h5 h6 ;
h1:定义字号最大的标题。
h6:定义字号最小的标题。
(3).

<p>

p 元素 会自动在其前后创建一些空白。浏览器会自动添加这些空间。
(4).

<br>

br 元素 会在浏览器插入一个简单的换行符。
(5).

<hr>

hr 标签 定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。
(6).

<a>

a标签 用来设置超文本链接。 超链接 可以是一个字,一个词,或者一组词,也可以是一幅图像,您可
以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
(7).

<img>

img 标签 用来申明图像的插入。
src属性:规定显示图像的 URL。URL为图片的相对路径或者绝对路径均可;
alt属性:规定图像的替代文本;
title属性:定义图片的标题,鼠标移动到图片出现。

(8).

<span>

span 用来组合文档中的行内元素,可用作文本的容器。 span 元素 没有固定的格式表现,当对它应用
样式时,它才会产生视觉上的变化。
(9).

<ul>	

ul 标签 作为无序列表,它是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记.
(10).

<ol>

有序列表 也是一列项目,列表项目使用数字进行标记。

评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值