【HTML】简单易上手

1.是什么?

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。
注意:对于中文网页需要使用 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 。
(utf-8:(8-bit Unicode Transformation Format)是一种针对Unicode的可变长度字符编码UTF-8用1到4个字节编码Unicode字符。用在网页上可以统一页面显示中文简体繁体及其它语言(如英文,日文,韩文)。
gbk:即“国标”、“扩展”汉语拼音的第一个字母)

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言,而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

2.HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词,比如
HTML 标签通常是成对出现的,比如 < b> 和 < /b>
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

<标签>内容</标签>

3.HTML 元素

“HTML 标签” 和 “HTML 元素” 通常都是描述同样的意思.
但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:
HTML 元素:

< p>这是一个段落。< /p>

4.Web 浏览器

Web浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于读取HTML文件,并将其作为网页显示。
浏览器并不是直接显示的HTML标签,但可以使用标签来决定如何展现HTML页面的内容给用户:

5.HTML 网页结构

在这里插入图片描述

6.<!DOCTYPE> 声明

声明有助于浏览器中正确显示网页。

网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。
doctype 声明是不区分大小写的,以下方式均可:
在这里插入图片描述

7.HTML标签实例

HTML 标题(Heading)是通过<h 1>

<h 6> 标签来定义的

HTML 链接是通过标签 < a> 来定义的
HTML 图像是通过标签 < img> 来定义的

8.HTML属性

HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现,比如:name=“value”。

HTML 属性常用引用属性值

属性值应该始终被包括在引号内。
双引号是最常用的,不过使用单引号也没有问题。
提示: 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name=‘John “ShotGun” Nelson’

9.HTML格式化标签

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

10.HTML < head>

在这里插入图片描述
在这里插入图片描述

11.HTML 样式-CSS

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

12.HTML表格

border:边框属性
在这里插入图片描述

13.HTML列表

li:定义列表项
在这里插入图片描述

14.HTML区块

在这里插入图片描述

15.HTML布局

在这里插入图片描述
在这里插入图片描述

16.HTML表单和输入

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

17.HTML框架

在这里插入图片描述

18.HTML脚本

在这里插入图片描述

19.字符实体(character entity)

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

20.HTML统一资源定位器

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值