HTML的一些常用标签

HTML,超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。超文本标记语言,标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接等非文字元素。
超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的[具体]内容。


一、最基本的HTML5结构


 
 
 
网页标题 

 
    


声明必须是 HTML 文档的第一行,位于html标签之前。是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令,有助于浏览器中正确显示网页。其它声明方式及最新html标准可以通过以下链接学习:
HTML标准:https://www.w3.org/TR/html51/
MDN:https://developer.mozilla.org/zh-CN/


二、HTML常用标签基本用法

1.a标签定义超链接,指定页面间的跳转(HTTP get请求)。链接可以指向外部链接或者页面内部id锚点,可以在当前页面打开,新开窗口。

谷歌

2.form标签定义提交方式、提交地址、表单字符集以及如何对其进行编码,需要提交的表单一定要放在form标签内。

3、input标签用于为基于Web的表单创建交互式控件,以便接受来自用户的数据。通常和form标签配合使用

输入框:
按钮:

4、button标签定义一个按钮。在 button元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 input元素(空元素)创建的按钮之间的不同之处。


5、h1 - h6标签被用来定义 HTML 标题。h1定义重要等级最高的标题,h6定义登记最低的标题。从大到小排列就是这样的。h1>h2>h3>h4>h5>h6

这是标题 1

这是标题 2

这是标题 3

这是标题 4

这是标题 5
这是标题 6

6、p标签定义段落

这是一个段落。

7、hr标签定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线。br标签插入一个简单的换行符。两者都是空标签,没有结束符。

HTML

HTML 是用于描述 web 页面的一种语言。


CSS

CSS 定义如何显示 HTML 元素。

使用 br 元素
在文本中
换行。

8、ul标签定义无序列表。

  • Coffee
  • Tea
  • Milk

9、ol标签定义了一个有序列表,列表排序以数字来显示。

10、small标签定义小型文本(和旁注)。

runoob.com - the world's largest web development site.

Copyright 1999-2050 by Refsnes Data.

11、strong标签定义重要的文本。有强调的作用色彩

加粗文本,强调重要性

12、div标签和span标签是html里没有语义的两个标签,在CSS中通常称为块级元素和内联元素,在html里边没有这样的说法。
div标签它是可用于组合其他HTML元素的容器,标签定义 HTML 文档中的一个分隔区块或者一个区域部分。通常用于文档布局,以便通过 CSS 来对这些元素进行格式化。

这是一个在 div 元素中的标题。

这是一个在 div 元素中的文本。

13、kbd标签定义键盘文本。目前已废弃,不推荐使用,但 是可以通过CSS实现丰富的效果。

键盘输入

14、video标签定义视频,比如电影片段或其他视频流。目前,video元素支持三种视频格式:MP4、WebM、Ogg。可以在 标签之间放置文本内容,这样不支持video元素的浏览器就可以显示出该标签的信息。


15、audio标签,HTML5 规定了在网页上嵌入音频元素的标准。在 之间你需要插入浏览器不支持的audio元素的提示文本 。


16、svg标签,SVG 文件可通过以下标签嵌入 HTML 文档:

embed:

优势:所有主要浏览器都支持,并允许使用脚本
缺点:不推荐在HTML4和XHTML中使用(但在HTML5允许)
语法:


object:

优势:所有主要浏览器都支持,并支持HTML4,XHTML和HTML5标准
缺点:不允许使用脚本。
语法:


iframe:

优势:所有主要浏览器都支持,并允许使用脚本
缺点:不推荐在HTML4和XHTML中使用(但在HTML5允许)
语法:


在Firefox、Internet Explorer9、谷歌Chrome和Safari中,你可以直接在HTML嵌入SVG代码。


   

17、span用标签于对文档中的元素进行组合。标签没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。提供了一种将文本的一部分或者文档的一部分独立出来的方式。

我的母亲是 伟大 的。


三、HTML注意事项

1、HTML标签和属性是不区分大小写的,建议HTML标签和属性都小写,属性值必须用双引号包围。

2、HTML标签都是以开始标签起始,以结束标签终止。大部分HTML标签都是成对出现的,称为双标签,比如:p标签、div标签,也有的HTML标签在开始标签中结束的标签,称为单标签,比如:hr标签、br标签。大多数 HTML 元素可拥有属性,文本内容都是写在开始标签与结束标签之间。

3、HTML标签之间尽量缩进与换行,每行代码不要过长,方便阅读和维护。

4、HTML标签使用必须符合标签嵌套规则。禁止a标签嵌套a标签,p标签嵌套div标签。

5、建议不使用HTML已经废弃的或者不赞成使用的标签,少使用table布局、iframe框架嵌套以及flash播放器。

以上也只是讲了一部分常用标签的用法和注意事项。

你可能感兴趣的:(HTML的一些常用标签)