HTML入门标签汇总

1.<div></div>
用于定义文档的区块,用来划分出独立不同的部分。

2.<h1></h1>
数字1-6定义从大到小的标题。

3.<p></p>
定义段落。

4.<br />
换行,用于在文档中空出一行。

5.<em></em>
em标签里的内容显示为斜体。

6.<strong></strong>
strong标签里的内容加粗显示。

7.<ul></ul>
Unordered Lists,创建无序列表标签,单独使用无效果显示。

8.<ol></ol>
Odered Lists,创建有序列表标签,单独使用无效果显示。

9.<li></li>
嵌套在ul标签里使用,可以创建一个无序列表,每行前带一个黑色圆点。嵌套在ol标签里使用,可以创建一个有序列表,每行前带有数字序号。

10.<img />
图片标签,src属性里是图片路径,alt属性是图片无法显示时的显示信息。

11.<video></video>
视频标签,src里是视频源文件地址,controls属性的值为controls,用于控制视频的播放,音量,下载。标签中间的信息是无法加载视频时显示的信息。

12.<a></a>
a标签,href属性是点击标签转跳的链接,target属性常用的值有_blank在新窗口中打开被链接文档,和_self,即默认值,在相同的框架中打开被链接文档。标签中间的内容是显示的信息。PS.可以使用href="#对应id"转跳到同一个页面的具有那个id的元素上。

13.<header>,<footer>,<nav>
分别用来划分页首,页尾和链接,尽管理论上可以用div表示,但div是非语义标签,即不知道里面内容。类比三个变量分别存用户名,昵称,密码,全部用div可以类比为命名变量string1,string2,string3,而使用<header>,<footer>,<nav>则类比为变量命名为username,nickname,password,能够让人明白里面的内容。

14.<table></table>
定义一个表格,下面六个个标签均在table标签里使用。

15.<tr></tr>
定义表格一行。

16.<td></td>
定义单元格标签,colspan属性用来表示单元格跨过多少个列,rowspan属性用来表示单元格跨过多少行。

17.<th></th>
定义表头单元格,粗体显示。

18.<thead><tbody><tfoot>
其中tbody可以使得标签内表格内容先显示。这三个标签用于表单的排版。

19.<select><option></option></select>
下拉选择框,option的value属性用来判断选择的内容。

20.<input></input>
input标签功能强大,type属性为checkbox时为多选框,为radio时为单选框,name值相同的为同一单选框组,为button和submit时为按钮,为password时为密码输入框,默认为text,文本输入框。

21.<textarea></textarea>
多行输入框。

22.<form></form>
表单,action属性值为提交表单的路径。

HTML入门标签汇总的更多相关文章

  1. HTML5标签汇总及知识学习线路总结

    HTML5标签汇总,以及知识学习线路总结.

  2. HTML的表单标签汇总

    HTML的表单标签汇总 表单的元素格式: 1. 账号.密码.提交.重置 语法: <p>账号:<input type="text" name="usern ...

  3. ASP.NET MVC 5 入门指南汇总

    经过前一段时间的翻译和编辑,我们陆续发出12篇ASP.NET MVC 5的入门文章.其中大部分翻译自ASP.NET MVC 5 官方教程,由于本系列文章言简意赅,篇幅适中,从一个web网站示例开始讲解 ...

  4. HTML块级标签汇总(小篇)

    块级元素,简单来说,就是自己独占一行的元素.其特点: ①总是在新行上开始: ②高度,行高以及外边距和内边距都可控制: ③宽度缺省是它的容器的100%,除非设定一个宽度. ④它可以容纳内联元素和其他块元 ...

  5. HTML5所有标签汇总

    来自lampbrother兄弟连HTML5与CSS3教程.<xmp> 结构标签:(块状元素) 有意义的div<article>     标记定义一篇文章<header&g ...

  6. struts2标签汇总

    要在jsp中使用Struts2的标志,先要指明标志的引入.通过jsp的代码的顶部加入以下的代码:<%@taglib prefix="s" uri="/struts- ...

  7. CSS入门知识汇总

    1.CSS认识 在谈论CSS的概念之前,我们先说一说web标准的目的——其在于创建一个统一的用于web表现层的技术标准,以便通过不同浏览器或终端设备向最终用户展示信息内容.一个网页的呈现是由三部分组成 ...

  8. HTML入门知识汇总

    1. HTML认识 1.1 什么是HTML HTML是描述(制作)网页的语言,指的是超文本标记语言(Hyper Text Markup Language). 超文本:就是指页面内可以包含图片.链接.甚 ...

  9. Jstl标签汇总

    JSTL的核心标签库标签共13个,使用这些标签能够完成JSP页面的基本功能,减少编码工作. 从功能上可以分为4类:表达式控制标签.流程控制标签.循环标签.URL操作标签.  (1)表达式控制标签:ou ...

随机推荐

  1. Curl是什么,原文地址:http://www.phpchina.com/portal.php?mod=view&aid=40161

    Curl是什么PHP supports libcurl, a library created by Daniel Stenberg, that allows you to connect and co ...

  2. 学会配置nginx

    一.作为一名开发人员,大家可能经常会用到服务器,但是一般线上的服务器可能都是公司公用的,而且线上的服务器一般也不是能随随便便给个人用的,所以部署本地服务器看来是一遍必不可少的事情和能力呀,所以,ngi ...

  3. 2018-02-02-解决IDE中无法忽略的非代码文件

    layout: post title: 2018-02-02-解决IDE中无法忽略的非代码文件 key: 20180202 tags: GIT 版本管理 modify_date: 2018-02-02 ...

  4. Spring AOP小记

    一.概述 在通常的开发过程中,我们调用的顺序通常是controller->service-dao,其中,service中包含着太多的业务逻辑,并且还要不断调用dao来实现自身的业务逻辑,经常会导 ...

  5. Bom部分

    Bom部分  browser object model(浏览器对象模型)将浏览器中的各个组件封装成对象,我们可以使用这些对象来操作浏览器的一些动作.封装的规则基于ECMAScriptBom的组成--— ...

  6. 【原创】Hibernate通过实体类自动建表时type=MyISAM的问题

    ι 版权声明:本文为博主原创文章,未经博主允许不得转载. 当使用的mysql数据库为5.5版本时,方言需要设置为 <property name="hibernate.dialect&q ...

  7. 解决axios传递参数后台无法接收问题

    1.根据下面几个方法改变前台传递参数方式 这样后台就可以直接根据传递的参数获取数据,如下图用户登录时直接传递用户名和密码 2.不改变前台传递样式修改后台接收方式

  8. Linux 下编译安装xCache命令速记

    注意要先确保/path-to-php/bin/php-config存在下载链接: http://pan.baidu.com/s/1hqh5pDM #解压xcache源代码tar -zvxf xcach ...

  9. iOS-xcode代码统计

    作为开发者,想不想知道自己写了多少行代码吗,打开终端,进入项目文件夹,然后进入想统计的某个文件夹,也可以直接在当前项目文件夹,然后终端输入下面的代码就可以了 find . "(" ...

  10. git指令总结

    在学习flask之前,先汇总一下Git的指令. mkdir filedir 创建文件夹filedir cd filedir 进入文件夹 pwd 显示当前工作目录 git init 初始化git仓库 g ...