01-HTML基本结构及常用标签
- 格式:pdf
- 大小:296.85 KB
- 文档页数:3
HTML中主要标签有哪些-文字标签-布局常用标签在HTML中的主要标签有这些:文件开始标签“html〞、文件头部标签“head〞、文件主体标签“body〞。
如果想具体了解HTML 中主要标签有哪些,那无妨接着往下看吧!一、HTML中主要标签有哪些1、文件开始标签“html〞在HTML文件中,最先出现的是HTML标签就是“html〞,它表示这是HTML文件,它是双标签,首标签和尾标签分别位于文件的最前面和最后面,文件所有标签和文本都包涵在其中,该标签不带任何属性。
2、文件头部标签“head〞“head〞表示文件头部的标签,它是双标签,它包涵文件的标题、编码方式及URL等信息,可省略。
3、文件主体标签“body〞“body〞表示文件主体内容,它是双标签。
文件头部标签用以存储重要信息,而只有主体部分会被显示,所以大部分标记都位于文件主体部分。
该标签可带属性。
二、网页〔制定〕的常用文字标签1、标题文字标签“hn〞“hn〞为标题文字标签,它是一个双标签,其作用是设置网页中的标题文字。
“hn〞标签一共6级,“h1〞和“h1〞之间的文字是第1级标题,“h6〞和ch6〞之间的文字是第6级标题,由“hl〞到“h6〞逐渐变小。
每个标题标记所标示的字句将独占一行且上下留一空白行。
“hn〞有一个属性align,其属性可选值为:right、left、center。
2、文字格式控制标签“font〞“font〞为文字格式控制标签,它是一个双标签,其作用是设置文字的字体、大小和颜色。
“font〞的属性有face、size、color。
face:设定文字字体,其属性为字体名称。
size:设定文字大小,取值1~7,默认值为3。
也可用“+〞“-〞来设置相对值。
color:设定文字颜色。
可以用和#nnnnnn,也可以采纳颜色的名称。
三、页面布局常用标签1、换行标签“br〞“br〞为换行标签,它是一个单标签,作用是令其后的内容在下一行显示。
HTML学习任何一门语言,都要首先掌握它的基本格式,就像写信需要符合书信的格式要求一样。
HTML标记语言也不例外,同样需要遵从一定的规范。
接下来将具体讲解HTML文档的基本格式。
HTML文档的基本格式主要包括<!DOCTYPE>文档类型声明、<html〉根标记、<head〉头部标记、<body〉主体标记,具体介绍如下:(1)<!DOCTYPE>标记<!DOCTYPE> 标记位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML 或XHTML(可扩展超文本标记语言)标准规范,必需在开头处使用<!DOCTYPE〉标记为所有的XHTML文档指定XHTML版本和类型,只有这样浏览器才能将该网页作为有效的XHTML文档,并按指定的文档类型进行解析。
(2)〈html〉〈/html〉标记〈html>标记位于〈!DOCTYPE〉标记之后,也称为根标记,用于告知浏览器其自身是一个HTML 文档,<html>标记标志着HTML文档的开始,〈/html>标记标志着HTML文档的结束,在它们之间的是文档的头部和主体内容。
在〈html>之后有一串代码“xmlns=”/1999/xhtml"”用于声明XHTML统一的默认命名空间.(3)<head〉</head〉标记<head〉标记用于定义HTML文档的头部信息,也称为头部标记,紧跟在<html〉标记之后,主要用来封装其他位于文档头部的标记,例如〈title〉、<meta>、〈link>及<style>等,用来描述文档的标题、作者以及和其他文档的关系等。
一个HTML文档只能含有一对<head>标记,绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。
(4)〈body>〈/body〉标记<body〉标记用于定义HTML文档所要显示的内容,也称为主体标记.浏览器中显示的所有文本、图像、音频和视频等信息都必须位于〈body>标记内,<body>标记中的信息才是最终展示给用户看的.一个HTML文档只能含有一对<body>标记,且〈body>标记必须在〈html〉标记内,位于<head>头部标记之后,与〈head>标记是并列关系.在HTML页面中,带有“〈〉”符号的元素被称为HTML标记,如上面提到的〈html〉、〈head〉、<body〉都是HTML标记。
1. 什么是HTML?HTML是HyperText Markup Language的缩写,即超文本标记语言。
它是一种用于创建和呈现网页的标准标记语言,由一系列标签组成,这些标签可以用来描述网页的结构和内容。
2. HTML的基本语法HTML文档由以下几个部分组成:- <!DOCTYPE html>:声明文档类型,告诉浏览器使用哪种HTML版本来显示网页。
- <html>:整个HTML文档的开头和结尾,包含了网页的所有内容。
- <head>:包含了网页的元信息,如标题、信息和脚本等。
- <title>:设置网页的标题,在浏览器的标签栏中显示。
- <body>:包含了网页的主要内容,如文本、图片、信息等。
3. 常用的HTML标签- <h1>~<h6>:定义标题,共有六个级别,分别表示不同大小的标题。
- <p>:定义段落,用来展示文本内容。
- <a>:定义超信息,可以信息到其他网页或文件。
- <img>:插入图片,用来显示图片。
- <ul>和<ol>:分别定义无序列表和有序列表。
- <li>:定义列表项,在<ul>或<ol>中使用。
4. HTML常用控件的使用方法- 输入框:<input type="text">用于接收用户输入的文本。
- 按钮:<input type="button">用于触发事件或提交表单。
- 复选框:<input type="checkbox">用于多选项的选择。
- 单选按钮:<input type="radio">用于单选项的选择。
- 下拉框:<select>和<option>用于选择一项或多项。
HTML语言基础:1)HTML网页在本质上是由HTML(超文本标记语言)代码构成的。
HTML代码由一系列的标签组成,这些标签是对页面的元素如文字、图片、声音、动画、超链接等进行描述、说明。
HTML标签的结构:头部、主体。
<html>....<./html>是告诉浏览器该文件是一个html 文件;文件头部:<head>.......<./head>是用来说明整个文件的标题或公共属性,不出现在浏览器的正文中。
<title>......</title>不出现在浏览器的正文中,会出现在浏览器的标题栏中,是文档的主题。
<body>......</body>是在浏览器中主要显示的,也是HTML主要的标签所在。
HTML标签的分类:单表签和多标签。
单表签只需单独使用就可表达完整的意思,其语法结构是<标签属性 1 属性 2 属性3.....>...内容..如<p>;多标签必须同时使用始标签和尾标签才能表达完整的意思,其语法结构是<始标签属性1 属性2 属性3.....>....内容....</尾标签>,是告诉浏览器从始标签处开始执行该标签代表的功能,并且在尾标签时结束,如<b>......</b>。
标签属性指的是在始标签内对表签添加的一些属性,其语法结构是<标签属性1 属性2 属性3.....>...内容...内容指的是对表签施加的作用。
注释内容指的是在文档的代码中对某段代码的文字说明,注释内容只会在查看源代码时才会被显示,而在浏览器运行HTML文档时会被忽略,其语法结构是<!------注释内容------>或<!-->注释内容</!-->2)HTML头部标签中的标签<title>标签:不出现在浏览器的正文中,会出现在浏览器的标题栏中,是文档的主题。