首先，按下h1，再按下Tab键就可以变成<h1></h1>,Ctrl+d可以复制当前行,Ctrl+Alt+Insert可以快速新建文件，Home可以跳到当前行最前面，End同理最后面。

h标签是描述字体大小，1-6从大到小，超出无效

br标签是换行，hr标签是分割线，p标签定义一个段落。

br标签  hr标签  p标签

img标签是插入一个图片，两个必需的属性：src ：导入图片路径（../是返回上一级目录）和 alt：描述（没有图片导入时，提供文字说明），width是宽，height是高。

还有一个title属性，鼠标移到图片上面会有文字描述（title属性写的）

img标签

a标签是跳转链接<a href="">这里写点文字</a> href里面输入链接，有个属性target=_self或_blank,前者在当前页面跳转，后者打开一个新标签跳转。

并且不可忘记的是双标签中写上文字，不然没有跳转链接的载体，而且可以把文字改为一个img，效果为点击一个图片跳转。

在head头部那里定义<base target="_blank">的话,所有链接都会定义调转新标签。

跳转链接是一个<a href="#">点我( ⊙ o ⊙ )！1</a> #符号的话，是一个假链接（可以返回顶部），#后面加一个id的话，可以跳到那一个相同id的段落，

扩展：一个链接+#+id 可以跳转到另一个界面的某一相同id的行   除了#还有javascript: 不会发生什么跳转

a标签

列表标签分类

无序列表（最多）：没有先后之分的数据  例如中国的所有城市

有序列表（最少）：有先后之分，例如排行榜

定义列表（其次）：给一堆数据添加语义

ul标签是无序列表，ol是有序列表，dl是定义列表，这些标签是定义语义，和li标签是组合

li标签里面书写列表内容（可多对），也可以在li标签里面添加其他标签，

li标签里面可以包含ul标签，多重列表。简化写法：ul>li*n（n填写生成的li标签） ul>li*n>h2+ul>li*m（双重列表）

ol标签与ul用法和格式差不多

dl标签里面包含dt（标题）和dd（内容），一个dt对应一个dd，dd里面可以有其他标签

li标签

table是表格标签，代表整个表格。包含tr：代表表格的每一行，tr包含td：代表每行的一个数据

例如：三行五列 table>tr*3>td*5   table里有一个边框属性 border，默认为零，改为1.

宽度和高度可以给table和td标签使用；水平对齐可以给table和tr，td标签使用；外边距和内边距只能给table使用

表格的高和宽由数据的大小决定，但可以在table设置修改，在td修改会影响当前单元的宽和高，不会影响整个表格的宽和高

想要达成细线表格（外边距为零只是线重叠在一起）,在table设置bgcolor为black，tr设置bgcolor为while，table的间距cellspacing为1px！

caption标签是table标签的标题里面可以设置字体大小和属性align=“center”（居中）等

th标签自动加粗和居中和td标签有所不同

给td标签添加一个colspan属性来指定某一个单元格当成多个单元格，但要删掉一些单元格（水平方向是这个，垂直方向的属性为rowspan）

table标签

form是表单标签，里面可以写多种标签

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

 </head>

 <body>

 <form>

     账号：<input type="text"><br>

     密码：<input type="password"> <br>

     确认密码：<input type="password"><br>

     性别：<input type="radio" name="1">男

     <input type="radio" name="1">女

     <input type="radio" name="1" checked>保密 <br>

     爱好：

     <input type="checkbox">篮球

     <input type="checkbox">足球

     <input type="checkbox">网球

     <input type="checkbox" checked>足疗

 </form>

 </body>

 </html>

input标签：type为text是明文输入框，password是暗文输入框，radio是单选框（想要不重复互斥就添加一个相同name属性），checkbox是多选框， form标签

两者后面加上checked是默认选。

type为button是定义一个普通按钮，作用配合js完成一些操作。value可以设值。type为image是自定义好看图片src后面导入图片即可，

type为reset是定义重置按钮，type为submit是定义提交按钮，说到这里，又讲回form表单。

form表单有个action属性，这个是你需要把表单中的数据提交到哪里的url路径写的地方（通过submit提交）

而哪些数据会被提交上去呢？input标签里面写的name属性就是key，值就是value（要么默认，要么在页面上输入的值）key=value的格式。

如果想要让文字和输入框绑定，将文字利用label标签包裹，输入框设置属性id和label的for一致即可

datalist标签是绑定待选项，设置一个id，标签里面写几个option标签（里面写待选项），然后input标签里面加上属性list，值为datalist的id。（基本不用）

当input标签type为email会自动校验邮箱格式，同理url同理

input标签

select标签可以下拉列表选择内容，里面的option标签添加列表内容，在option标签可以添加属性selected为默认值，数值多的时候可以用optgroup给列表分类

textarea是可以无限换行的多行输入框，默认有自己的宽度和高度，date是日期，number是数字。

form标签里面可以把所有标签用fieldset标签包裹，并且可以在legend起一个标题

video标签可播放视频，src视频的播放地址，autoplay自动播放（默认不会播放），controls可以控制播放，poster用于视频播放前的图片插入等

audio标签可播放音频，跟上方一样，src导入，autoplay。  这两者后接source再接src，autoplay，可以保证格式不会出问题

audio标签

详情和概要details标签包含summary标签，summary写概要，details写详情

字符实体：空格&nbsp；  <&lt;  >&gt;

字符实体

HTML标签归纳的更多相关文章

  1. html5 css选择器。 井号，句号的区别

    .理解CSS的样式组成CSS里的样式表是有规则组成的,每条规则有三个部分组成:1.选择器(如下面例子中的:“body”),告诉浏览器文档的哪个部分受规则影响:2.属性(如实例中的font-family ...

  2. html5 css选择器 井号, 句点的区别

    一.理解CSS的样式组成CSS里的样式表是有规则组成的,每条规则有三个部分组成:1.选择器(如下面例子中的:"body"),告诉浏览器文档的哪个部分受规则影响:2.属性(如实例中的 ...

  3. 通过自动回复机器人学Mybatis---基础版

    第1章 案例简介 介绍要实现的案例情况,后面会通过这个案例来学习 Mybatis 第2章 实战第一部----黎明前的黑暗 在没有 Mybatis 的情况下,使用 Jsp + Servlet + Jdb ...

  4. HTML标签，简单归纳

    列表标签 有序列表: <ol><li></li></ol> 无序列表: <ul><li></li></ul&g ...

  5. HTML5新增的标签和属性归纳

    收集总结的HTML5的新特性,基本除了IE9以下都可以使用. HTML5语法 大部分延续了html的语法 不同之处:开头的 <!DOCTYPE html> <html lang=&q ...

  6. 微信小程序标签常见知识点归纳整理

    1. <image src='/images/logo.png' mode='widthFix'></image> mode 属性表示图片随着指定的宽度自动拉伸以显示原图的正确 ...

  7. HTML5新标签 w3c

    w3c标准下的HTML5新标签 ,做个归纳总结: H5标签 定义和用法 兼容性 <artical> 规定独立的自包含内容, 支持html中的全局属性, 支持html中的事件属性 IE: 支 ...

  8. css学习归纳总结（三） 转

    原文地址:css学习归纳总结(三) 为文档添加样式的三种方法 行内样式 行内样式是写在HTML标签的style属性里的,比如: <p style="font-size: 12px;fo ...

  9. css学习归纳总结（二） 转

    原文地址:css学习归纳总结(二) 标签与元素 <p>标签和p元素有什么区别呢?大多数时候他们表示的是同一样东西,但仍有细微的区别.<p>.<div>等指的是HTM ...

随机推荐

  1. ANg-别人家的笔记

    http://blog.csdn.net/scruelt/article/details/78997697 https://github.com/fengdu78/Coursera-ML-Andrew ...

  2. ubuntu16.04获取root权限并用root用户登录

    写在全面:如果根据以下教程涉及到只读文件需要更改文件权限才能需修改文件内容,参考我的另一篇博客:https://www.cnblogs.com/masbay/p/10744900.html中的第2条. ...

  3. Functional and Class Components

    [Functional and Class Components] The simplest way to define a component is to write a JavaScript fu ...

  4. meta标签的使用

    meta标签是html标记head区的一个关键标签,它位于HTML文档的<head>和<title>之间(有些也不是在<head>和<title>之间) ...

  5. Tomcat添加管理员role

       最近朋友问我怎么在Tomcat里面使用 admin 登录,一般情况下登录后是提示xxx的,经过百度后,好不容易才找到答案:    原来添加一个role为admin:<role rolena ...

  6. vmware 共享文件夹

    参考 https://jingyan.baidu.com/article/7f766daf7866be4101e1d0ed.html 只是设置共享文件夹选项还不行,需要从安装vmware的安装路径中找 ...

  7. cnpm安装

    npm install -g cnpm --registry=https://registry.npm.taobao.org 如果安装失败,可以使用 npm cache clean 清理缓存,然后再重 ...

  8. Hudson 打包部署到Was上特别慢

    一.找问题点 1.打包很快,到部署很慢 2.部署到其他was一样很慢 二.解决 经过寻找,网上找出以下一段话: 问题出在web.xml,web.xml中的版本信息不对,要根据你的servlet版本和运 ...

  9. poj 2553 缩点+染色+出度

    题目链接:https://vjudge.net/problem/POJ-2553 如果不会tarjan算法,推荐博客:https://blog.csdn.net/mengxiang000000/art ...

  10. HDFS之深入简出(一)

    分布式文件系统HDFS 一:概述 1.HDFS设计目标 2.HDFS核心组件 3.HDFS副本机制 4.HDFS环境搭建 5.HDFS shell命令  java api 6.HDFS读写流程 7.H ...