HTML day01天

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.链接到其他地方

<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>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值