首页 > 编程知识 正文

html标签语法格式(标签和其属性构成了html元素)

时间:2023-05-06 07:04:04 阅读:70172 作者:4640

HTML的语法格式

阅读注意事项:由于博客中显示问题体,因此元素已开始和/或被省略

HTML的主体格式

第一部分:和是web文件的最外层标签,HTML的全部内容都在这里;

第二部分:标记之间的文本是标题信息,用于放置在元素的顶部。 标头部分的信息不会显示在浏览器窗口中,而是主要包含说明文件标题和文件公共属性的页面的基本说明。

第三部分:标签是HTML文件的主体标签,标签之间的文本是正文内容,用户可以在浏览器中看到

HTML标签和元素

大多数标签是成对显示的。 通常以标签名称开始,/以标签名称结束。 当然,也有:br、hr等不需要配对的标签

重点: 1.1~1.5都是头部信息的基本用法

1.1HTML文档头部元素head

head通常用于说明页面的基本语言,如网页标题和关键字。 但是,ead中的字符通常不直接显示在网页上。 head在中国可用的标签很少,但title是必需的标签元素。 其他常见的仅用于base、link和元()头部,但不是必需的。

1.2、title元素

每个HTML都需要title元素。 title是head元素的子元素。 它用于在标题栏中显示内容,也可以用作浏览器中书签的默认名称。 在浏览器中保存页面后,它将成为网页的文件名,网页标题将成为搜索的关键字。

重要信息:只包含有关页面标题的文本,不包含其他元素。

1.3、base元素

如果存在base元素,则必须将其包含在head元素中。 其作用是相对的URL成为完全绝对的URL

中选择所需的墙类型。 因此,如果网页位置发生更改,则可以对其进行修改,但一个html中只显示一次。

例如,在中为http://fafu.itxdl.edu,网页的相对链接为test.html,对应于http://fafu.itxdl.edu/test.html

格式:

base要素:将相对URL (网址)转换为绝对URL )

base href=“url”(相对) target=“window_name”(绝对) /

1.4link元素

link元素可用于创建到CSS样式表的链接。 始终为空元素,用于描述两个文档之间链接最有用的外部级联样式表的位置。 浏览器分析的内容并自动加载导入。 写在头上;

格式:

这是到外部css文件的链接。 路径在href的后面~

扩展:

1 .外部样式表是指完全写入css,并在link上创建要插入到html代码中的新文档

2 .内部样式表是指直接在HTML文档中写入css代码,然后在中写入

用包围包围

3 .内联样式是指直接在标签上写样式

1.5元素

中时,标签的属性定义文件信息的名称、内容等。 他可以提供文档的关键字、作者、说明、编码、语言等很多信息。

格式:

要点: 2.1~2.3的部分是主体的主体部分

2.1HTML文档主体标记body

html body和/body标签包含页面中的所有内容,包括图像、字符、表格、超链接和表单,不能省略。 body有自己的属性,可以通过设置body标记中的属性来控制整个页面的显示方式。

a、body标签常用属性

元素文本设置页面文本颜色bgcolor设计页面背景颜色背景设计页面背景图像bgproperties设置页面背景图像是固定的, 不适合页面滚动的链接设置页面默认链接颜色alink设置单击鼠标时链接颜色vlink设置访问后连接字符颜色topmargin设置页面上边距bottommargin设置页面下边距leftmargin设置页面下边距argin设置页面的右边距有四个公共属性,不仅可以用于标签,还可以用于任何htmargin设置页面,但这四个属性通常仅在CSS和JavaScript结合使用时使用。

元素id设置标记值name设置标记的名称class设置标记样式类型选择器style设置标记样式属性重点:设置HTML颜色值

颜色值是关键字或RGB格式的数值。 但是,W3C的HTML4.0标准只支持16种颜色名称。 他们是:浅绿色、黑色、蓝色、fuchsia、gray ) )灰色)、

绿色(绿色)、lime (绿色)、maroon (红色)、navy (蓝色)、深蓝色(、olive )、橄榄色(、紫色)、红色()、银色) 如果需要使用其他颜色,则必须使用十六进制颜色值。 十六进制颜色值由红色、绿色和蓝色十六进制符号定义

(RGB)。每种颜色的最小值为0(十六进制:#00),最大值为255(十六进制:#FF)。也就是每个原色可有256种彩度,故此三原色可混合成16777216种颜色。并且应该在每个RGM前加#。
列子:bgcolor=”#00ff00”. bgcolor=”green”.

2.2格式标签
常见的HTML格式标签

标签作用br换行标签,完成文字的紧凑显示,如果有多个换行,可以连续使用多个
标记p换段落标签,即换行之后插入一个空行,然后在下一行显示其后的文本。可以使用成对的

标记来包含段落,也可以使用单独的

标记来划分段落。

center居中对齐标签,使段落或文字相对于上一层标记居中对齐。pre预格式化标记,保留文字在源代码中的格式,页面中显示的和源代码中书写的格式效果完全一致。li列表项目的标记,每个列表项使用一个标记ul无序列表,使用 作为无序的表明,使用 作为每个项目的起始。没有顺序号,使用缩进的形式表示一定的层次。ol有序列表,可以显示特定的项目顺序,与无序列表 的使用方式基本相同 hr水平分割线标签,用于段落与段落之间的分隔


2.2文本标签
在网页中,为了强调某一部分文字,或者为了让文字有变化,HTML提供了一些标签产生这些效果。常见的文本风格标签如下

元素作用hn标题字标记,n为1~6,定义了6级标题会自动换行插入空行b粗体字标签(与strong用法相似)i斜体字标签(与em用法相似)u下划线字体标签sub文字下表字体标签sup文字上表字体标签font字体标记,可以通过该标记指定字体大小、颜色、字体等信息tt打字机文本cite用于引证、举例、通常用斜体字em表示强调,通常为斜体字strong表示强调,通常为粗体字small小型字体标签big大型字体标签


3.1HTML文本注释
以<!–开始 以 ->结束注释。注释只出现在源代码中,而不会在浏览器中显示。但注释中不要在包含注释。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。