目录
基本骨架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
title必须设置
<title>网页标题</title>
搜索关键字
body标签
主体部分
DTD
下面的是html5
<!DOCTYPE html>
文档定义类型(使用对应的规范加载)
命名空间
html中的 xmlns属性
xhtml1.0
<html xmlns="http://www.w3.org/1999/xhhtml" xml:lang="en"> </html>
字符集
utf-8 人类所有语言文字
大量中文使用gbk
html常用标签
注释
<!-- 书写注释的内容 -->
浏览器不加载
标题标签
不能嵌套
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
h1>h2>h3>h4>h5>h6
段落
一个段落
<p>双标签,里面放置文本,图片</p>
换行标签
<br />
简单的进行强制换行
<p>这个是一个p段落 。<br /> 这个是第二行</p>
文本格式化
- b
- 定义粗体
- big
- 定义大号字体
- em
- 加重问题,自带斜体
- i
- 定义斜体
- small
- 定义小号字体
- strong
- 自带加粗效果
- sub
- 定义下标字
- sup
- 定义上标子
- del
- 删除字
- u
- 定义下划线
图像标签
<img>
单标签,特殊的文本。
指定位置插入一张图片
src属性 ===》 图片的路径
width ===》 图片的宽度
height ===》 图片的高度
border ===》 边框属性
title ===》 提示文本
alt ===》 没有找到对应的图片的时候替换的文本(加载失败的情况)
src 必须要填写。
- 绝对路径:盘符开始
- 本地固定写死
- 中文路径容易出现错误
- ./ 当前目录下
- ../ 上级目录
- 网络路径
音频和视频
<audio> </audio>
双标签
- src 属性 ===》 音频路径
- controls ===》 音频控制台效果(必须)
<video></video>
- src 属性 ===》 视频路径
- controls ===》 控制条标签(必须)
超链接
<a></a>
定义标签,然后可以创建连接
<a>双标签
- 跨页面跳转
- 页面内跳转
- <a>跳转描述</a>
href属性 :规定目标地址(网络,本地)
<a href="http:www.baidu.com">网站</a>
target属性 ===》当前窗口打开
- _blank
- 新窗口打开
- _self
- 当前窗口打开
title属性: 自定义文字内容