html基础详解
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
1,声明:
html有很多版本,所以为了使浏览器正确区分我们所使用的是哪种版本,我们需要在代码的最开始添加一句声明
HTML5的版本:<!DOCTYPE html>
之前的版本则比较复杂
注:现在创建html文件直接就默认为html5了
html的基本标签
html标签:
内部包含其他标签,在整个HTML文件的头部和尾部
head标签:
一般包含头部信息:编码格式,标题,文字的显示形式等等
<title>...</title>内部放标题栏要显示的东西
h1...h6标签,p标签,a标签,img标签概况
<body>
<h1>h1标签</h1>
<h2>h2标签</h2>
<h3>h3标签</h3>
<h4>h4标签</h4>
<h5>h5标签</h5>
<h6>h6标签</h6>
<p>这个是p标签</p>这个是p标签后直接加文字
<p><a href="http://www.baidu.com">这是百度</a></p>
<p><img src="image/aaa.png"/></p>
</body>
html元素
html元素指的是从开始标签到结束标签的所有代码
<p>this is an example</p>
<br/>
<!--换行-->
开始标签(开放标签)+元素内容+结束标签(闭合标签)
空标签:(元素内容为空元素),一般标签内部最后加“/”
<p>这是元素内容</p>
这是加p标签后的元素内容
<br/>这是用br换行后的元素内容
大多数的html元素都可以嵌套使用
html属性
标签可以拥有属性为元素提供更多信息
属性以键、值对的形式出现 如href = "www.baidu.com"
常用标签属性:,<h1>:align ----------对齐方式
<body>:bgcolor----背景颜色
<a>:target-------------规定在何处打开链接
通用属性: class----------------规定元素类名
id----------------------规定元素唯一id
style-------------------规定元素样式
title--------------------规定元素的额外信息
<a href="news.html" target="_blank">打开news</a>
<h1 align="right">默认是左的,现在为右</h1>
<h2 align="center">默认是左的,现在为中</h2>