理论
Hyper Text Markup Language 超文本标记语言
编写网页的语言 ,解释型语言,写出来的代码直接就能运行
源文件是纯文本文件
放在WEB根目录下
后缀为.html/.htm
HTML语言的运行环境是浏览器
标记语言
特点:尖括号包含关键字 à 标签
标签:标签中有属性,属性有对应的属性值
标签有两种:单标签和双标签
- 单标签
- 双标签 内容
HTML 文档结构
根标签
头部 文档控制信息,包括整个页面说明、编码等。
身体 真正显示在网页上的内容
<html> # 开始标签 ---- 根节点
<head> # 头部
</head>
<body> # 身体
</body>
</html>
常用标签
<title></title> 浏览器标签页标题,写在head中
<meta charset="utf-8"> 通知浏览器我的编码格式是utf-8
<h1></h1> 标题,有1-6六种级别,数字越小字号越大
<p></p> 段落,标签内文字成一段落
<hr /> 水平线,在网页内生成—————————————————
<br /> 换行标签
<span></span> 控制标签内的内容,范围不超过文本(颜色、大小、背景颜色等)
<div></div> 块级元素,标签内内容单独成一行,控制整行内容
<a></a> 超链接 从一个页面跳转到另有一个页面。两种属性:href=“跳转地址”;target=""不写内容时在当前标签页打开跳转路径,写 了“_blank”在新标签页打开。可以利用a标签做一个网址导航
<img> 在页面中引入图片资源。属性:src=“插入的图片的地址”
<!-- 注释内容 -->
特殊字符——HTML实体
空格 →
< → <
> → >
& → &
表格
<table></table> 定义表格
<tr></tr> 定义行 colspan=“2” 跨列属性
<td></td> 定义列 rawspan="2" 跨行属性