1 什么是 HTML?
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
注意:“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素
2 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如
HTML 标签通常是成对出现的,比如 和
单标记 :
标签对中的第一个标签是开始标签,第二个标签是结束标签
在开始标签中可以添加标签属性
属性名=“值”
开始和结束标签也被称为开放标签和闭合标签
正确嵌套标签
1 网页格式
<!DOCTYPE html> <!--文档类型-->
<html>
<head> <!--头部-->
<!-- charset:属性名; utf-8:属性值,使用引号引起来
注意事项:
对于成对的标签,属性必须写在开始标记中
-->
<meta charset="utf-8"> <!--单标记 设置网页的显示内容的编码格式
<title>第一个网页</title><!--网页标题-->
</head>
<body> <!--主体-->
这是主体部分
</body>
</html>
2 HTML注释
<!-- 注释 -->
1 head头部标签
1) title 网页标题: 仅可以包含一个title标签
2) 描述网页信息 –
元素可提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对
<meta charset="utf-8"/> <!-- 设置页面编码格式-->
--3秒后刷新页面:
<meta http-equiv="Refresh" content="3" />
--3秒之后跳转页面:
<meta http-equiv="Refresh" content="3;url=http://blog.csdn.net/haoaiqian" />
1 表格相关标签:
<table> 表格 <tr> 行 <td> 单元格
2 示例代码:
1 跨列表格:
页面效果:
2 跨行表格
页面效果: