18910140161

30分钟入门教程

顺晟科技

2021-06-16 10:43:04

183

HTML是英语HyperTextMark-upLanguage的缩写,它规定了自己的语法规则,用来表达比“文本”更丰富的含义,如图片、表格、链接等。浏览器(IE,FireFox等。)软件知道HTML语言的语法,可以用来查看HTML文档。目前互联网上的网页大部分都是用HTML写的。

HTML是什么样的

简单来说,HTML的语法就是添加指示文本含义的标签,让用户(人或程序)更好地理解文本。

下面是最简单的HTML文档:

超文本标记语言

标题个Html文档/标题

/head

身体

欢迎访问a href=' http://deer Chao . net ' deer Chao个人网站/a!

/body

/html

所有的html文档都应该有一个HTML标签,标签可以包含两部分:头和体。

头标签用于包含整个文档的一般信息,如文档的标题(标题标签用于包含标题)、整个文档的描述、文档的关键字等等。文档的具体内容将放在正文标签中。

标签用于表示链接。在浏览器(如IE、Firefox等)查看HTML文档时。),当你点击A标签所包含的内容时,通常会跳转到另一页。跳转到的页面地址由a标记的href属性指定。在上面的a href=' http://dearcao.net '中,href属性的值是ahref='http://deerchao.net。

一个超文本标记语言文档可以包含什么

使用不同的标签,HTML文档可以包含不同的内容,如文本、链接、图片、列表、表格、表单、框架等。

文本

HTML对文本的支持最为丰富。您可以设置不同级别的标题、段落和换行符,指定文本的语义和外观,并显示文本是从其他地方引用的,等等。

互连

链接用于指示内容与另一个页面或当前页面的某个地方相关。

图片用于使页面更加美观或提供更多信息。

排列成表格或列

该列表用于显示一系列彼此相关的项目。

形式

表格是一种按行和列组织数据的形式。也有很多人使用表格进行页面布局。

菜单

表单通常由文本输入框、按钮、多个框、单选框、下拉列表等组成。这使得HTML页面更具交互性。

结构

框架使页面能够包含其他页面。

HTML文档格式的详细描述

之前介绍过HTML文档的基本格式,下面详细说明。

HTML文档可以由任何文本编辑器(如记事本、UltraEdit等)创建和编辑。),因为它的内容本质上只是一些文字。

在HTML文本中,尖括号括起来的部分称为标记。如果要在文本中使用尖括号(或者大小写,总之是一样的东西),就必须使用字符转义,即转换字符的本义。Lt。而是使用gt。至于符号本身,应该用amp替换(不得不说很多HTML文档不遵循这个规则,普通浏览器可以分析是转义开始还是符号,但不建议这么做)。

标签本质上是对它所包含内容的描述,并且可能具有提供更多信息的属性。例如,img标签具有src属性(用于指示图片的地址)、宽度和高度属性(用于描述图片的宽度和高度)。HTML中可以用什么标签,这些标签可以有什么属性,这些都是有规定的。学完这里的基础知识,学习HTML其实就是学习这些标签。本文将简要介绍常用的HTML标签。

标签通常有开始部分和结束部分(也称为开始标签和结束标签),它们一起定义标签的内容。属性只能在开始标记中指定,属性值可以用单引号或双引号括起来。结束标记由/和标记名表示。有时候,有些标签不包含其他内容(只有自己的属性,甚至没有属性)。在这种情况下,可以这样写:imgsrc='logo.gif'/。注意最后一个空格和一个反斜杠,表示这个标记已经结束,不需要单独的结束标记。

有些标签还可以包含新标签,新标签名称甚至可以与包含它的标签相同(还指定了哪些标签可以包含标签,哪些标签可以包含)。例如:

差异

Div目录./div

Div当前分类内容列表./div

/div

在这种情况下,最后出现的标签应该先结束。

浏览器将忽略HTML文档中的所有空白字符(空格、制表符、换行符、回车符)。的例外是空间。处理空格的方法是把所有连续的空格都当作一个空格,不管是一个、两个还是100个。之所以有这个规则,是因为忽略空白可以让HTML的作者以最方便的格式排列内容,比如他可以在每个标签开始后增加缩进,在标签结束后减少缩进。由于空格在英语文本中被广泛使用(用于分隔单词),它们被以这样一种特殊的方式对待。如果您想显示连续的空格(如缩进),您应该使用nbsp。来表示空间。

常见标签介绍

文本

最常用的标签大概是字体,用来改变字体、大小、文字颜色。

fontsize='6'6/font

fontsize='4'4/font

font color=' red ' size=' 5 ' red 5/font

Fontface=' bold '粗体字/font

粗体、下划线和斜体字符也是常用的文本效果,分别用b、u、i u和I表示:

bBold/b

iitalic/i

uunderline/u

还有一些标签,用来表示所包含的文本有特殊含义,如缩写(缩写)、em(强调)、strong(强调)、cite(引用)、address(地址)等。这些标签的存在并不是为了定义显示效果,所以它们可能不会从浏览器中产生任何效果,或者不同的浏览器可能对这些标签产生完全不同的显示效果。

一篇长的文章,如果有合适的副标题,可以很快对其内容有个大概的了解。在HTML中,用来表示标题的标签有:h1、h2、h3、h4、h5、h6,分别表示一级标题、二级标题、三级标题.

H1HTML30分钟教程/h1

h2什么是HTML/h2

.

h2HTML像什么/h2

.

Hr标签用于在页面上添加水平线。您可以通过指定宽度和颜色属性来控制水平线的长度和颜色。

hrwidth='90%'color='red'/

Img标签用于向页面添加图片,src属性指定图片的地址。如果src指定的图片无法打开,浏览器通常会在页面上需要显示图片的地方显示alt属性定义的文本。

img src=' http://www.xx.com/icons/valid-xhtm10' alt='图片介绍'/

互连

超链接由一个A标记表示,href属性指定链接的地址。标签可以包含文本或图片。

a href=' http://deer Chao . net ' deer Chao的个人网站/a

a href=' http://validator . w3 . org ' img src=' http://www.xx.com/icons/valid-xhtm10' alt=' validation HTML '/a

分段和包装

因为HTML文档忽略空白字符,为了保证正常换行,需要指出哪些单词属于同一个段落,这就使用了p标记。

p这是段。/p

p这是第二段。/p

还有人用br代替p,Br只表示换行,而不是段落的开始或结束,所以通常没有结束标记。

这是段。英国铁路公司

这是第二段。br/

这是第三段。

有时候,文档应该被视为不同部分的组合。例如,一个典型的页面可能包括三个部分:页眉、正文和页脚。Div标签专门用于指示不同的部分:

Div标题内容/div

Div正文内容/div

Div页脚内容/div

形式

HTML文档通常在浏览器中从左到右、从上到下显示,到达窗口右侧时自动换行。为了达到列的效果,很多人使用表格进行页面布局(虽然HTML中提供表格的初衷并不是为了布局)。

表格标签通常包含几个tr标签,tr代表表格中的一行。Tr标签也会包含td标签,每个td代表一个单元格。

桌子

tr

Td2000/tdtd悉尼/td

/tr

tr

TD 2004/td雅典/TD

/tr

tr

Td2008/tdtdbeijing /td

/tr

/table

Tr标记也可以包含在表中的d、tbody或tfoot中。它们分别代表页眉、正文和页脚。打印网页时,如果表单太大,无法打印一页,则每一页上都将显示ad和tfoot。

Th和td非常相似,它们也用在tr中,除了th表示这个单元格是它所在行或列的标题。

桌子

四羟乙基己二酰胺

第次/第次地点/第/次

/thead

在需要分行下载处加上

Trtd2000/tdtd悉尼/td/tr

trtd 2004/tdtd雅典/td/tr

Trtd2000/tdtdbeijing /td/tr

/tbody

/table

排列成表格或列

表格用于表示二维数据(行和列),而一维数据由列表表示。列表可分为无序列表(ul)、有序列表(ol)和定义列表(dl)。前两个列表更常见,都包含带有li标签的列表项。

无序列表代表一系列相似的项目,它们之间没有顺序。

保险商实验所

li应用/li

li范围/li

Litao /li

/ul

有序列表中项目的顺序非常重要,浏览器通常会自动为它们生成编号。

开环(同Open Loop)

li打开冰箱门/li

/li把大象赶进去/Li

li关闭冰箱门/li

/ol

结构

最后说一下frame,曾经很流行的一种技术,它可以让多个文档同时显示在一个窗口中。主框架页面中没有正文标记,而是框架集。

框架集标记的“行”和“列”属性用于指定框架集中有多少行(列)以及每行(列)的高度(宽度)。

框架集标签可以包含框架标签,每个框架标签代表一个文档(src属性指定文档的地址)。

如果您认为这样的页面不够复杂,也可以在框架集标签中包含一个框架集标签。

  • TAG:
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航