基本元素
<!DOCTYPE html>
- 这是文档声明,不能省略
- 一定要放在最顶部
html
- 是文档的根元素,只能有一个
- 其他所有元素都是它的后代元素
<!DOCTYPE html>
<html>
</html>
head
- 它内部一般用来包含meta 、title元素
meta
- 用来设置网页的字符编码,一般是UTF-8
title
- 用来设置网页的标题
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
body
- 网页中显示的任何元素都应该是它的后代元素
文章相关
h1~h6
- 用来显示标题
- h1最大,h6最小
- 一个网页中最好只有一个h1,作为最主要的标题
<h1>我是h1</h1>
p
- 用来显示一个段落
<p>这是一个段落</p>
strong
- 用来强调某一些文字
img
- 用来显示一张图片
- 常用属性
- src:图片的URL
- width:图片的宽度
- height:图片的高度
- alt:占位文字(当图片显示失败的时候显示这个占位文字)
<img src="https://www.baidu.com/img/bd_logo1.png"
alt="这是百度的LOGO"
height="200"
width="100">
a
- 用来显示一个超链接
- 常用属性
- href:需要打开的URL
- target:在哪里打开
- _self:在当前页面中打开(覆盖当前页面)
- _blank:当新页面中打开
- _parent:在父页面中打开
- _top:在顶层页面中打开
- 某个iframe的name属性值:在某个iframe中打开
- 图片链接
- 锚点链接
iframe
- 在当前网页中嵌入其他网页
- 常用属性
- src:其他页面的URL
- frameborder:是否需要边框
- 1:需要
- 0:不需要
div
- 一般作为其他元素的父容器,把其他元素包住,代表一个整体
- 用于把网页分割为多个独立的部分
span
- 默认情况下,跟普通文本几乎没差别
- 用于区分特殊文本和普通文本,比如用来显示一些关键字