HTML5技术

HTML5秘籍读书笔记 - 戎码一生

字号+ 作者:H5之家 来源:博客园 2016-03-29 13:00 我要评论( )

1:基本雏形 html head meta charset="UTF-8" title/title /head body !--标题标签-- h111111111111111111/h1 h211111111111111111/h2 h311111111111111111/h3 h411111111111111111/h4 h511111111111111111/h5 h611111111111111111/h6 div2222222222222222/d

1:基本雏形

<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--标题标签-->
<h1>11111111111111111</h1>
<h2>11111111111111111</h2>
<h3>11111111111111111</h3>
<h4>11111111111111111</h4>
<h5>11111111111111111</h5>
<h6>11111111111111111</h6>

<div>2222222222222222</div>
<div>222222222222222</div>
<div>1111111111111111111111</div>
<div>1111111111111111111111</div>
<!--段落标签-->
<p>eeeeeeeeeedffkjhefhjgerhjkjher</p>
<p>eeeeeeeeeedffkjhefhjgerhjkjher</p>
<p>eeeeeeeeeedffkjhefhjgerhjkjher</p>
<!--输入框标签-->
<input><br>
<input placeholder="请输入用户名"><br><br><br>
<input value="张三"><br>
<input type="color"><br>
<input type="checkbox"><br>
<input type="date"><br>
<input type="range"><br>
<!--换行标签-->
<br>
<!--超链接标签-->
<a href="http://baidu.com" target="_blank">百度一下,你就不知道</a>
<!--图像标签
相对路径 项目中的资源
绝对路径 https:// ftp:// file://
-->
<img src="https://www.baidu.com/img/bd_logo1.png">
<img src="img/7.jpg">

<!--列表标签-->
<ul>
<li>111111</li>
<li>222222</li>
<li>333333</li>
<li>444444</li>
</ul>
<!--容器标签-->
<div>1111111111111111111111</div>

</body>
</html>

2:基本元素

<hgroup>副标题的元素

<aside>添加附注

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    HTML5 进阶系列:拖放 API 实现拖放排序 - _林鑫

    2017-05-02 11:02

  • HTML5 进阶系列:indexedDB 数据库 - _林鑫

    HTML5 进阶系列:indexedDB 数据库 - _林鑫

    2017-04-27 14:02

  • HTML5 高级系列:web Storage - _林鑫

    HTML5 高级系列:web Storage - _林鑫

    2017-04-27 14:01

  • HTML5和CSS3 - 奔跑在起跑线佼佼者

    HTML5和CSS3 - 奔跑在起跑线佼佼者

    2017-04-20 13:00

网友点评