001html5新增常用标签

<body><!-- 新增标签 -->
<header></header>   <!-- 文档头部 -->
<nav></nav>       <!-- 链接导航栏 -->
<footer></footer>   <!-- 页尾 -->
<article></article>     <!-- 定义文章 -->
<section></section>   <!-- 定义节， 块 div-->
<aside></aside>    <!-- 侧边栏 --><!-- 新增属性 -->
<datalist></datalist>    <!-- 与input标签一起使用 -->
<input type="search" value="请出入你喜欢的明星" list="star" />    <!-- 通过star进行连接 -->
<datalist id="star"><option value="11">刘涛</option><option value="11">刘涛</option><option value="11">刘涛</option><option value="11">刘涛</option><option value="11">刘涛</option>
</datalist><fieldset><legend>用户登录</legend>用户名：<input type="text"> <br>密码：<input type="password">
</fieldset><!-- 新增表单 -->
<form action=""><dl><dt>邮箱</dt><dd> <input type="email"> </dd>     <!-- email为新增表单标签 -->   <!-- 规定输入的字符标准 --><dd>注册后不能更改</dd></dl><dl><dt>手机号码</dt><dd> <input type="tel"> </dd>      <!-- tel为新增属性 -->    <!-- 弹出数字键盘 --><dd>注册后不能更改</dd></dl><dl><dt>网址</dt><dd> <input type="url"> </dd>      <!-- url网址 -->    <!-- 不用验证了 --><dd>注册后不能更改</dd></dl><dl><dt>邮政编码</dt><dd> <input type="number"> </dd>      <!-- number -->    <!-- 不用验证了 --><dd>注册后不能更改</dd></dl><dl><dt>拖动滑块</dt><dd> <input type="range"> </dd>      <!-- range -->    <!-- 不用验证了 --><dd>注册后不能更改</dd></dl><dl><dt>时间</dt><dd> <input type="time"> </dd>      <!-- time -->    <!-- 不用验证了 --><dd>注册后不能更改</dd></dl><dl><dt>出生年月日日期</dt><dd> <input type="date"> </dd>      <!-- date -->    <!-- 不用验证了 --><dd>注册后不能更改</dd></dl><dl><dt>时间</dt><dd> <input type="datetime"> </dd>      <!-- datetime -->    <!-- 不用验证了 --><dd>注册后不能更改</dd></dl><dl><dt>月份</dt><dd> <input type="month"> </dd>      <!-- nmonth -->    <!-- 不用验证了 --><dd>注册后不能更改</dd></dl><dl><dt>星期</dt><dd> <input type="week"> </dd>      <!-- week -->    <!-- 不用验证了 --><dd>注册后不能更改</dd></dl><dl><dd> <input type="submit" value="提交"></dd><dd> <input type="reset" value="重置"></dd></dl>
</form><!-- placeholder属性 -->
<form action="demo_form.asp" method="get"><input type="search" name="user_search" placeholder="Search W3School" /><input type="submit" />
</form>
</body>

css样式

<style>header{width: 100px;height: 100px;background-color: pink;}fieldset{width: 300px;}form{width: 600px;height: 600px;border:1px solid #f10215;float: left;}form dl dt{float: left;}form dl dd{/*float: left;*/}
</style>

001html5新增常用标签相关推荐

HTML新增便签source语义,互联网的原理,常用标签,标签分类,HTML杂项,CSS
一.互联网的原理 1.1 什么是上网用客户端向服务器端请求数据客户端: 设备:PC.手机.平板.智能手表.电视.无人设备设备的软件:浏览器.播放器服务器端设备: 服务器端Http服务器软件: ...
html5常用的属性标签,HTML5常用标签及其属性设置
一.Html5的基本结构网页的内容二.head标签内常用标签 1.meta标签:设置元数据信息(metadata),用来描述HTML文档的信息,为网页提供用户不可见的信息.常用属性: ⑴chars ...
php获取页面a标签内容_AKCMS常用标签代码整理
轻量级的CMS我觉得AKCMS算是小而强悍的,作者可以算是个极客,代码.功能精简,安全却挺到位,以至于让很多人无法很快使用他的网站程序.也有可能作者精力有限,没有更进一步完善这套系统,现在官网都仅仅是 ...
从零开始学前端 - 3. HTML 常用标签_2
作者: 她不美却常驻我心博客地址: https://blog.csdn.net/qq_39506551 微信公众号:老王的前端分享每篇文章纯属个人经验观点,如有错误疏漏欢迎指正.转载请附带作者信息 ...
week9 day1 HTML简介和常用标签
week9 day1 HTML简介和常用标签一.前端内容介绍二.HTML简介 2.1 HTML简介 2.2 HTML发展史三.HTML标签与文档结构 3.1 HTML标签与文档结构 3.2 HT ...
前端--HTML，常用标签学习
文章目录一.HTML 1. 概述 2.入门案例 3.使用HBuilder 二.常用标签 1.概述 2. 常用标签 3.表格标签 4.表单标签form 5,无法提交的问题 6.练习表单标签一.HTM ...
HTML入门之常用标签以及框架写法
body中的主要标签行内元素 a标签: 超链接标签,双标签. 常用标签属性: ①href:指定打开的页面. ②target:用于指定在哪个窗口打开href标签属性指定的页面,常用属性值有_self ...
20-HTML与HTML5常用标签(前端)
感谢你的路过,希望学生的笔记能给你一点微不足道的参考 Java基础思维导图,完整Java体系的链接目录标题一,B/S: Browser/Server 浏览器/服务器端二, HTML 2.1. 概 ...
HTML5的优势，语法变化以及基础常用标签
HTML的全称是Hyper Text Markup Language,也就是超文本标记语言,它是互联网上应用最广泛的标记语言此篇着重介绍HTML5的优势,语法变化,以及常用标签所代表的意义方便大家记 ...

001html5新增常用标签

001html5新增常用标签相关推荐

最新文章

热门文章