您的位置：首页 > Web前端 > HTML

Web基础知识二之Html快速入门

2016-12-29 22:26 609 查看

Html快速入门（重点）
1、超文本

Web 是一个超文本文件的集合

2、什么是HTML

HTML：Hyper Text Markup Language（超文本标签语言）

超文本：具备一些特殊功能的文本

标签：超文本的组成形式

超文本 a：<a></a>

超文本 b：

语言；具备一定的语法结构

用HTML编写的网页文件，以.htm或.html作为文件的后缀（超文本文件）

运行环境：任何一款浏览器

开发工具：任意一款文本编辑工具都可以

3、Html基础语法
1、标记语法
在html中，用于描述功能的符号，称为“标记”,<a>,
标记在使用时，必须用<>扩起来
标记分为
1、封闭类型的标记也称为“双标记”，标记必须成对出现
语法：
<标记>内容</标记> 《=====》 Myhtml
如果一对双标记中没有结束标记的话，网页会产生意想不到的结果
ex：<a>百度</a>
加粗显示
...
2、非封闭类型的标记
也称为“单标记”或“空标记”
语法：<标记>或<标记/>\
2、元素
元素即标记
"<a>百度</a>"这个组合称为元素
1、元素的嵌套
Html中通过嵌套的元素来形成更为复杂的页面结构
注意：
1、嵌套顺序
<a></a> 正确
<a></a> 错误
2、格式问题
被嵌套的东西要用缩进来表示（Tab）
ex:


<a>
</a>


2、属性和值
属性：是用来修饰元素的。
ex：想控制p标记里文本的水平排列方式
右对齐
语法：
1、属性的声明必须位于开始标记里
2、属性与标记之间要用一个空格隔开
3、一个元素允许有多个属性，多个属性之间用空格隔开，并且排名不分先后
4、属性和值之间用 = 连接
ex：
文本水平排列方式：align
取值：left/center/right
这是一段文本
设置 id 属性值为 p1
标准属性：
html中所有元素都具备的属性称之为标准属性
1、id：元素在页面中的独一无二的标识
2、title：鼠标移入到元素上时所提示的文本
3、class：指定元素引用的类选择器（样式中使用）
4、style：定义元素的内联样式(样式中使用)
3、注释
不会被浏览器所编译的内容，称为注释
语法：

注意：
1、注释不能嵌套

2、注释不能在标签中使用

Html5

Html5的目标，就是更为简洁的HTML代码

4、文档结构
1、Html文档结构
任何网页都是由
1、文档类型声明
<!doctype html>
2、html页面
<html></html>
两部分组成
2、html 元素
包含两个子元素
1、<head></head>
用于表示网页头部信息，用于定义页面全局信息或页面的元数据
2、<body></body>
显示给用户看的内容
3、head元素
允许包含的子元素：
1、<title>网页标题</title>
2、<meta>
<meta charset="utf-8">
告诉浏览器用什么样的编码解析网页内容
注意：保证网页文件的编码格式也是 utf-8
练习：
1、创建一个超文本文档，名称为01.html
2、指定文档类型声明
3、搭建网页结构
设置标题：我的第一个html练习文件
设置编码： utf-8
网页文件编码：utf-8
4、编辑网页内容
我的第一个html练习内容
尝试用一对b标记将以上内容括起来，观察结果

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html web 标签

相关文章推荐

新的分享

章节导航