HTML5 01天
1.HTML 概览
1.当前99% 的网页都是由HTML编写的。
2.HTML 全称:HyperText markup Language。
3.当前最新的是HTML5,但是并没有很广泛,这里不是说HTML5没有流行开,而是
广泛的浏览器支持,并没有做到很多。
4.浏览器的作用:是通过特定的格式去解析HtML,并展示HTML中的内容。
5.meta 标签的作用:meta name = "description" content = "描述信息,供终端去使用"
meta name = "keywords" content = "keywords,words" //搜索关键字
6.meta charset = "utf-8" //html的编码格式
7.<em></em> 斜体显示
<strong></strong> 加粗显示 突出显示
8.<span></span> 单独的显示出来 通过css来添加不同效果
9.<hr> 画出来分割线
10.<blockquote> 会添加cite 属性,来表示从哪里应用,引用,标示出来.(缩进距离)
11.<pre></pre> 不加变化 预格式化.
12.<ol><li></li></ol> 有序列表
<ul><li></li></ul> 无序列表
<dl><dt></dt><dd></dd></dl> 定义列表(类似应用上面显示图片,下面显示描述)
13.<a></a> 链接
属性中添加不同的id标记
14.链接到本网页的地方:<a href = "#hhh">link</a>
15.链接到其他地方
1.HTML 概览
1.当前99% 的网页都是由HTML编写的。
2.HTML 全称:HyperText markup Language。
3.当前最新的是HTML5,但是并没有很广泛,这里不是说HTML5没有流行开,而是
广泛的浏览器支持,并没有做到很多。
4.浏览器的作用:是通过特定的格式去解析HtML,并展示HTML中的内容。
5.meta 标签的作用:meta name = "description" content = "描述信息,供终端去使用"
meta name = "keywords" content = "keywords,words" //搜索关键字
6.meta charset = "utf-8" //html的编码格式
7.<em></em> 斜体显示
<strong></strong> 加粗显示 突出显示
8.<span></span> 单独的显示出来 通过css来添加不同效果
9.<hr> 画出来分割线
10.<blockquote> 会添加cite 属性,来表示从哪里应用,引用,标示出来.(缩进距离)
11.<pre></pre> 不加变化 预格式化.
12.<ol><li></li></ol> 有序列表
<ul><li></li></ul> 无序列表
<dl><dt></dt><dd></dd></dl> 定义列表(类似应用上面显示图片,下面显示描述)
13.<a></a> 链接
属性中添加不同的id标记
14.链接到本网页的地方:<a href = "#hhh">link</a>
15.链接到其他地方
<a href = "www.baidu.com">baidu</a>
<!Doctype html>
<html lang = "zh-CN">
<head>
<title>这里是我的第一个网页</title>
<meta charset = "utf-8">
<meta name = "description" content = "这里是描述信息,供第三方去使用">
<meta name = "keywords" content = "这里是关键字的索引 ,供检索使用">
</head>
<body>
<h1 id = "hello">哈哈哈</h1>
<h2>哈哈哈</h2>
<h3>哈哈哈</h3>
<h4>哈哈哈</h4>
<h5>哈哈哈</h5>
<br><br><br>
<ol>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
</ol>
<br><br><br>
<ul>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表无序列表无序列表</li>
<li>无序列表无序列表</li>
<li>无序列表</li>
</ul>
<br><br><br>
<ul>
<li>无序列表</li>
<li>嵌套列表
<ul>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表无序列表无序列表</li>
<li>无序列表无序列表</li>
<li>无序列表</li>
</ul>
</li>
<li>无序列表</li>
<li>无序列表无序列表无序列表</li>
<li>无序列表无序列表</li>
<li>无序列表</li>
</ul>
<br><br><br>
<h1>定义列表</h1>
<dl>
<dt>标题</dt>
<dd>描述</dd>
</dl>
<a href = "#hello">link</a>
<br>
<a href = "http://www.baidu.com/">百度</a>
<br><br><br>
<img src = "1.png" alt = " demo" title = "demo">
<br><br><br>
<embed src="http://player.youku.com/player.php/sid/XMTM4OTk1MjA1Ng==/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
</body>
</html>