标签：eset   att   时间   字节   文件的   time   span   速度   应该   

HTML5

超文本标记语言

HTML5 一些新特性：

• 用于绘画的 canvas 元素

• video 和 audio 元素

• 对本地离线存储的更好的支持

• 新的特殊内容元素，比如 article、footer、header、nav、section

• 新的表单控件，比如 calendar、date、time、email、url、search

1.基本结构

html>
    
    
    head>
        title>网页的标题title>
        meta charset= "utf-8" />
    head>
    body>
        
        font color="red">hello，HTML!font>        
    body>    
html>

文档声明语句: ：表示遵循html规范

html文档的标题：

设置网页编码：常用的是utf-8和gb2312

2.基本标签

HTML标签的分类

• 双标签：有开始标签和结束标签，html、head、body。。等

• 单标签：单个标签，br、hr、img...等

HTML中的标签是不区分大小写的，建议使用小写

标签中可以使用属性，来设置标签的基本样式，属性需要是键值对，并且值需要用引号引起来

2.1 文件标签

HTML中的最基本的标签

• html标签：html文件中的跟标签

• head标签：头部标签，用于设置html一些属性、引入其他资源文件（css、JS）

• body标签：主体标签，用于将内容展示在网页中。

• title标签：网页标题标签

2.2 文本标签

设置网页中的文本内容

• h1~h6：标题标签

• p：段落标签

• hr：绘制水平线

  • width：宽度

  • size：尺寸

  • algin：对其方式

  • color：颜色

• br：换行标签

• font：字体标签

  • color：字体颜色

  • size：字体的大小

• i：斜体

• b：加粗

• del：文本划线删除

• sup：上标

• sub：下标

• div：网页布局标签

• span：行内布局标签

h1> contentsh1>
p>contentsp>
hr align="center" size="5" width="200px" color="red"/>
font color="aquamarine" size="5">contentsfont>
div id="box">
    span style="color: red;">123121span>5446
div>

特殊符号

2.3 图片标签

img src="图片路径" algin="对齐方式" width="宽" height="高" alt="图片无法显示时的提示信息" title="当鼠标悬停时的提示信息" />

设置图片自身对齐：设置其外层

应用：

body background="./img/951247.jpg">    body>

2.4 超链接

a herf="xxx" target="_blank">超链接a>


a name="top">a>

a href="#top">topa>

2.5 列表标签

展示一类数据

• 有序列表

  • 用于展示排行榜之类的数据

  • ol：有序列表

  • li：列表中的项

• 无序列表

  • 用于展示导航、同类型的数据信息

  • ul：无序列表

  • li：列表中的项

• 自定义列表

  • dl：列表

  • dt：一级

  • dd：二级

2.6 iframe标签

页面上显示一个单独页面

frameset rows="30%,70%">
    frame src="register.html" >
    frame src="getreg.html" >
frameset>

2.HTML表格

table bgcolor="aliceblue" border="5px" cellspacing="5px" cellpadding="10px">
    
    
    tr>
        th>Header1th>
        th>Header2th>
        th>Header3th>
    tr>
    tr>
        td>Data1td>
        td>Data2td>
        td>Data3td>
    tr>
    tr>
        td>Data1td>
        td>Data2td>
        td>Data3td>
    tr>
table>

td colspan="2">Data1td>

td rowspan="2">Data3td>

3.HTML表单

form action="/" method="post">
    
    
    名字:input type="text" name="name" id="user" required="required" maxlength="10" placeholder="输入名字" />br>
    单选:input type="radio" value="1" name="sex"> input type="radio" name="sex" value="0" />br>
    复选:input type="checkbox" name="hobby" id="" value="1" />
    input type="checkbox" name="hobby" id="" value="2" />
    input type="checkbox" name="hobby" id="" value="3" />
    input type="checkbox" name="hobby" id="" value="4" />
    
    地址:select name="address">
        option value="111">111option>
        option value="222">222option>
        option value="333">333option>
    select>
    
    textarea name="text" rows="2" cols="10">texttextarea>
    input type="submit" value="提交" />
form>

action为跳转页面

method属性规定如何发送表单数据,分别为get和post:

1.get

• 数据量要小于1024字节

• 表单提交数值在地址栏显示，安全性低

• 不能上传，不支持二进制

• 速度较快

2.post

• 数据量不受限制

• 信息进行了隐藏，安全

HTML

标签：eset   att   时间   字节   文件的   time   span   速度   应该   

原文地址：https://www.cnblogs.com/fremontxutheultimate/p/14726106.html