01.21 认识html
2019-01-21 本文已影响0人
xxxQinli
1.web标准
-
web前端开发主要包含三个内容：html、css、js(javascript)
-
内容标准: html(主要负责网页中的显示什么内容)
-
表现标准: css(主要负责网页中内容的布局和样式)
-
行为标准: js(主要负责网页中内容的改变)
2.什么是html(超文本标记语言， 类似markdown)
-
超文本 - 除了文字还可以标记其他内容，比如：图片、音频、视频、flash、按钮、输入框、超链接等....
-
标记语言 - 通过不同的标记让内容以不一样的形式展示出来, 如果语法错只会影响当前被标记的内容，不会影响其他内容
3.html基本结构
-
html都是由不同的标签(标记)组成的
-
1)语法
-
a.标签语法：
-
常规标签(双标签): <标签名 属性名1=属性值1 属性名2=属性值2>内容</标签名>
-
单标签: <标签名 属性名1=属性值1 属性名2=属性值2> 或者 <标签名 属性1=属性值1 属性2=属性值2/>
-
b.说明:
-
<> - 固定写法
-
标签名 - 标签名和前面的'<'、'/'或者后面和后面的'>'之间不能有空隙
-
必须写html提供的标签（不是自己随便命名的）
-
属性 - 属性是由属性名和属性值组成，属性名和属性值之间用=连接；多个属性之间用空格隔开
-
属性名一般不是自己命名，不同标签有不同的属性
-
内容 - 只有双标签才有；可以是任何东西（文本或者其他标签）
-
常规标签是由开始标签和结束标签两个部分组成， 单标签没有结束标签。单标签有哪些、双标标签有哪些是固定的。
-
-
2)网页内容结构
<html>
<head>
</head>
<body>
</body>
</html>
4.html版本
-
狭义的h5 - 指的是html5
-
广义h5 - 指的是html5+css3+js
<!-- 当前html版本是html5 -->
<!DOCTYPE html>
<html>
<head>
<!--
head中主要包含：meta、title、link、style、script、base
-->
<!--设置当前页面的文本编码方式-->
<meta charset=“utf-8”/>
<!--设置网页标题-->
<title>认识html</title>
</head>
<body>
<h1>12345</h1>
<h2>55456</h2>
</body>
</html>
