html新增一些常用标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html5 常用标签</title>
</head>
<body>
  <header>
             用在页面头部或者板块头部
  </header>
   <nav>
    <a  href="#">连接1</a>
    <a href="#">连接2</a>
   </nav>
   <section>用来划分区域
   </section>
   <article>相对独立的一个主体</article>
   <aside>和主题相的一个附属信息  比如侧边栏广告</aside>
   <time> 表示时间</time>

   <input type="text" list="valList"/>
   <datalist id="valList">
       <option value="javascript">javascript</option>
       <option value="html">html</option>
   </datalist>

     <details></details>用于描述某个文档或某个部分的细节
     <summary>details元素标题</summary>
    <details>
        <summary>第一个标题</summary>
        <p>第2个标题</p>
        <p>第2个标题</p>
        <p>第2个标题</p>
        <p>第2个标题</p>

    </details>
      <dialog></dialog>定义一段话
  <dialog open>
       <dt>你好</dt>
       <dd>在吗</dd>
       <dt>zai</dt>
  </dialog>
       <make>标记</make>

    <progress max="200" value="100">
        <apan>76</apan>%
    </progress>
  <foorter> 用在页面尾部或者板块尾部
  </foorter>
</body>
</html>
时间： 2024-12-24 05:06:07

html新增一些常用标签的相关文章

html5新增及删除标签

一.新增标签 有一种划分为,功能性标签[html5新增,如canvas,旧浏览器没有]和语义性标签[如header等只是增强语义,没有新功能].下面按照分几个小类来说. 1.结构标签 新增的结构标签,之前都是用div实现的,为了语义化,html5从div派生出很多新的标签.这些新增的结构标签有助于将文档分成几个逻辑部分.如下: a.section标签 表示页面中的一个独立内容区块,里面有自己的大纲结构,比如章节,页眉,页脚或页面的其他部分.就是说section可以包含h1.h2...h6标签,表

HTML常用标签总结

学习前端开发,第一步要学习的绝对是HTML. 什么是HTML? HTML 是(Hyper Text Markup Language)四个单词的缩写,翻译过来就是超文本标记语言, 所以它不是一门编程语言,只是一门标记语言. 学习html的第一步就是需要学习它的标签如何使用.这个没有什么技巧,全靠平时多练习多用,才能达到熟能生巧的境界. Html一共有一百一十多个标签(包含html5的新标签),如果想要全部掌握还真得费不少功夫,但是实际开发中经常用到的也就四五十个,有很多都是不常用的,如果一个不落的

Web前端入门学习（2）——HTML常用标签

HTML标签 a标签 a标签是一个超链接标签,用于从一个页面链接到另一个页面.在<Web前端入门学习(1)>有提到过4个伪类,分别是a:link.a:visited.a:hover.a:active. a:link代表的是未访问过的链接,当访问者首次打开网页未点击链接时,所表现的形式: a:visited代表的是访问过的链接,相对于link,是访问者点击了连接后,所表现的形式: a:hover代表的是当鼠标经过链接上面时所表现的形式,鼠标经过后,链接会有所变化: a:active代表的是当用户

《html5新增及删除标签》

html5新增及删除标签 原文:http://www.cnblogs.com/starof/archive/2015/06/23/4581850.html 一.新增标签 有一种划分为,功能性标签[html5新增,如canvas,旧浏览器没有]和语义性标签[如header等只是增强语义,没有新功能].下面按照分几个小类来说. 1.结构标签 新增的结构标签,之前都是用div实现的,为了语义化,html5从div派生出很多新的标签.这些新增的结构标签有助于将文档分成几个逻辑部分.如下: a.secti

Python 44 前端概述 、三剑客 、常用标签与分类

一:前端概述 前端指的就是页面的设计和给用户带来极高的用户体验 前端开发技术栈分为三大类:HTML .CSS .JavaScript HTML(Hyper Text Markup Language): 1 超文本标记语言 2 负责完成页面的结构 3 文件后缀:start.html v_hint:标注,一些要注意的点("超文本"就 是指页面内可以包含图片,连接,音乐,程序等非文字元素) CSS(Cascading Style Sheet): 1 级联样式表 2 负责页面的风格设计,样式和

第2天：HTML常用标签

今天学完主要对所学知识点进行了整理. 一.超链接ahref:www.baidu.com(跳转页面):id名(锚点跳到相应div位置):01.rar(压缩包) target:_blank(新窗口打开):_self(当前窗口打开)二.文件路径绝对路径:(1)线上:线上绝对路径(2)线下:完整路径 相对路径:src=../img/bg.jpg(../是上一级目录) 三.HTML常用标签section :版块 用于划分页面上的不同区域,或者划分文章里不同的节 header :页面头部或者版块(secti

dede 首页的常用标签

dede 首页的常用标签!1.织梦标签学习方法1)不要深究织梦的标签是织梦的开发者提供给我们的,我们只要使用就好了,不要深究,这超出我们学习使用织梦的范畴了,我们本课程不是搞二次开发!2)复制很重要使用dede 不要去背那些提供给我们的标签,我们只要会复制粘贴,对某个标签有疑问直接粘贴到模板里看看能得到什么结果就可以了!2.标签分类1)单标签{dede:标签名属性="值" ..../}{dede:include filename="head.htm"/}2)双标签{

bootstrap_03_常用标签

<!doctype html> <html> <meta charset="utf-8" /> <head> <title>益司CMS-PC与手机建站集成</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no

HTML 常用标签

HTML常用标签 HTML的结构 <html> <head></head> <body></body> </html> Body标记的属性 <body 属性="属性值"> Background:给网页设置背景图片 bgColor:给网页设置背景颜色 文本与字体修饰标记 <b></b>或者<strong></strong> 给字体加粗 <i>&l