初识HTML02-测试-IT技术博客
我的位置:首页 > 测试>初识HTML02

初识HTML02

时间:2021-04-20 13:16:00 浏览: 字体: 放大 缩小


HTML

超文本标记语言

什么是超文本标记语言

浏览器能够解释和解析的语言

通过元素的形式构建页面结构和填充内容

构建HTML页面

构建页面的步骤

创建一个扩展名为.html和.html的页面文件

向页面文件中添加页面的基本结构

 1 <! --告知浏览器文档所使用的 HTML 规范-->wm1/NITF 无线标记语言/音乐标记语言
 2 <! doctype html>
 3 <html>
 4     <head>
 5             <title>网页标题</title>
 6             <! --规定 HTML 文档的字符编码-->
 7             <meta charset="utf-8">
 8             <! --设置移动端页面宽度和初始的缩放比例 页面的宽度为设备宽度,初始比例为1-->
 9             <meta name="viewport" content="width=device-width,initial-scale=1.0">
10             <! --定义浏览器渲染时的兼容方式,使用ie内核浏览器访问,使用它的最高版本-->
11             <meta http-equiv="X-UA-Compatible" content="ie=edge">
12     </head>
13     <body>
14             网页主体内容
15     </body>
16 </html>

HTML页面核心

元素是一个页面的核心,它也称为标记或标签。

它的功能是用于在网页中显示内容。

 

 

HTML元素的语法和分类

使用<和>包裹标签名称,它不区分大小写,建议使用小写。

根据包裹名称的数量,元素分为两类。

双标签:成对出现,包含开始和结束标签,如:

<html></html>

单标签:只有开始标签,没有结束标签,手动添加"/"表示闭合,如:

<br>
<br />

HTML元素的属性

标签属性书写在开始标签中,使用空格与标签名隔开,用于设置当前标签的显示内容或者修饰显示效果.

由属性名和属性值组成,属性值使用双引号表示.例:

<img src="imgs/img01.jpg">

同一个标签中可以添加若干组标签属性,使用空格间隔.

<img src="imgs/img01.jpg" width="200px" height="200px">

HTML语法规范

标签名不区分大小写,建议使用小写。

注释语法:

  <!-- 此处为注释 -->

 

标签: 初识HTML02初识html02