1.什么是HTML
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面
2.HTML 标签定义
2.1标签是什么
1)HTML 标记标签通常被称为 HTML 标签 (HTML tag);
2)HTML 标签是由尖括号包围的关键词通常是成对出现的；
3)标签对中的第一个标签是开始标签，第二个标签是结束标签，开始和结束标签也被称为开放标签和闭合标签。单个标签叫做自闭合标签 自己可以给自己结束.
2.2标签的使用
1）使用方法：开始标签-标签体-结束标签.如：
<a > 百度 </a>
自闭合标签直接使用：<br>,<hr>,<input>，<img>
2）使用规则：标签可以嵌套，但不能交叉嵌套：
正确用法：
<body><table></table></body>
错误用法：
<body><table></body></table>
3）标签属性：
a.通常为键值对形式出现，eg：color=“red” .
b.属性只能出现在开始标签和自闭合标签内
c.属性名字全部小写，属性值必须用单引或者双引包裹
d.如属性名和属性值完全一样，直接写属性名即可，eg：“readonly”（input标签属性)
2.3标签的分类
2.3.1块级标签：
<p>/<h1>/<table>/<ol>/<ul>/<form>/<div>
块级元素的特点：
–总在新行上开始,独占一行；
–排列方式从上到下；
–宽、高默认与浏览器保持一致；高度，行高以及外边距和内边距都可控制；
–宽度缺省，则是它容器的100%
–它可以容纳内联元素和其他块元素
2.3.2 行内标签：
<a>/<input/>/<img/>/<sub>/<sup>/<textarea>/<span>
inline元素特点：
–和其他元素在一行上；
–排列方式从左到右；
–宽、高|设置无效，行高以及外边距和内边距不可改变；只能由内容撑开宽度；
宽度就是其文字或图片宽度，不可改变
内联元素只能容纳文本或者其他内联元素
2.3.3转换：
块级标签和行内标签可通过样式display转换其属性。
3常见标签（元素）
3.1 !DOCTYPE 声明
<!DOCTYPE html>
3.2 lang属性
<html lang="en">
属性lang是英语language的缩写，意思是语言，”en”代表英语，”zh-CN”代表中文
3.3 头部head
表示头部信息-规定文档相关的配置（元数据），包括文档的标题，引用的文档样式和脚本等。
<head>
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
//此处意义为：为搜索引擎定义关键词
<link rel="stylesheet" href="style.css" type="text/css" />
//调用一个外部的CSS样式文件
<script type="text/javascript" src="myscripts.js"></script>
//链接一个外部脚本文件
<style type="text/css">
<base href="http://www.runoob.com/images/" target="_blank">
//标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接
...
</head>
3.3.1 meta元素
meta标签描述了一些基本的元数据。
标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。
META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。
元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。
3.3.2 link元素
html的link标签是用于当前文档引用外部文档用的，rel属性用于设置对象和链接目的间的关系。rel是relationship的英文缩写；stylesheet中style是样式的意思,sheet是表格之意,总起来是样式表的意思。rel=“stylesheet” 描述了当前页面与href所指定文档的关系。即说明href连接的文档是一个样式表。
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
