码迷,mamicode.com
首页 > Web开发 > 详细

Head First HTML

时间:2017-10-06 23:52:01      阅读:238      评论:0      收藏:0      [点我收藏+]

标签:hold   val   汇总   max   手机号   信息   video   插入图片   value   

1、HTML元素:

①开始元素+元素内容+结束元素;

②空元素/自闭合元素:没有元素内容和结束标记;

2、HTML注释:<!—注释内容-->

3、HTML文档结构 :

  

<!DOCTYPE html>
<!--文档声明-->
<html> <!--根标签-->
<head lang="en">
<!-- 指定书写语言-->
<meta charset="UTF-8"> <!--UTF-8为万国码,为了更好的兼容性,避免乱码-->
<title></title>
</head>
<body><!--文档体,页面中所有的可见内容都放置在该元素内-->
</body>
</html>

4、权重:

<meta name="keywords"  content="" />
<meta name="description"  content="" />

5、列表:

①有序列表:ol——内嵌li

②无序列表:ul——内嵌li

③自定义列表:dl——内嵌dt、dd

6、引用:

①大段引用:blockquote

②行内引用:q

7、特殊字符:

<           ——             &lt;

>           ——             &gt;

&           ——             &amp;

空格              ——             &nbsp;

版权符号      ——             &copy;

已注册符号  ——             &reg;

8、插入图片:

<figure>
<img src="" />
<figcaption>
<!-- 一段话,用于描述图片,显示在图片下方-->
</figcaption>
</figure>

9、导入视频文件:<video  src=””controls  loop  autoplay>

      导入音频文件:<audio  src=””>;

10、表格——table

       <table>

              <caption></caption>

              <thead><th></th></thead>

              <tbody>

    <tr>

           <td></td>

    </tr>

</tbody>

       </table>

11、input属性——表单:

①账号:<input type=”text”>

②密码:<input type=”password”>

③单选框:<input type=”radio”name=””value=””>

④复选框:<input type=”checkbox”name=””value=””>

⑤多行文本框:<textarea name=””id=””cols=””rows=””>

⑥下拉列表:<select  name=””>

                     <option  value=””></option>

              </select>

⑦邮箱:<input type=”text”placeholder=””>

⑧提示信息:<details>

                     <summary></summary>

                     <p></p>

              <details>

⑨普通按钮:<input type=”button”value=””>

⑩提交按钮:<input type=”submit”value=””>

⑾重置按钮:<input type=”reset”value=””>

⑿手机号码: <input  type=”text”maxlenght=””>

⒀日期:<input type=”date”/>

⒁身高:<input type=”number”max=””min=””step=””value=””>

⒂体重:<input type=”range” max=””min=””step=””value=””>

⒃喜欢的颜色:<input type=”color”name=”color”>

12、H5的语义化标签:

nav——导航

aside——侧边栏

article——独立的主题

hgroup——汇总标题

footer——放置友情链接,版权声明

13、标准文档流:

①display——用于确定元素类型

       div/p——block块级,独占一行,可设置宽高

       span——inline内联,行内,不可设置宽高

②h1-h6块级元素

       常用于布局的块级元素:ol、ul、dl、table、from、div

       常用于布局的内联元素:img、span、br、input、textarea

③块级元素可包含内联元素,反之则不行

 

Head First HTML

标签:hold   val   汇总   max   手机号   信息   video   插入图片   value   

原文地址:http://www.cnblogs.com/alisa-sister/p/7633203.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!