html中的节点和标签,HTML文档的节是什么意思?

节是指每层嵌套的标签节点

1.html的基本语法

1.1 html语言:

HTML是“HyperText Mark-up Language(超文本标记语言)”的缩写。表示网页信息的符号标记语言。

可以设置文本的格式,如标题,字号文本颜色,段落等。也可以创建列表,插入图像和媒体,建立表格,建立超链接,实现页面跳转。

1.2 html的标签和属性:

标签的语法格式:所有标签都是由一对尖括号和标签名构成,并分为开始标签和结束标签。属性用于控制内容如何显示。

< 标签名称 属性=“属性值” 属性=“属性值” ……> …< /标签名称>

1

1

1.3 文档注释:

< !–要注释的内容–>

1

1

1.4代码格式:

空格键和回车键在网页中不起任何作用,只是为了让代码清晰可读,缩进时以tab进行缩进。

2.html的基本结构

2.1 基本结构:

整个html文件可以分为两层,一层是外层,由< html> 和< /html> 标签对来标识;另外一层是内层,用于实现html文件的具体功能。根据实现功能的不同,又可以将内层细分为两个区域,即头部区域和主体区域。< head> < /head> 标签和< body> < /body> 标签。

它的基本结构如下:

在这里插入图片描述

2.2 页面的头部标签:

页面的头部标签是指由< head> < /head> 标签所包含的部分,主要用于设置当前网页的页面标题,字符集,关键字,描述信息等内容,一般头部的内容都不会在网页上直接显示。

常用的头部标签:< title> ,< meta>

< title> 标题内容< /title> ,显示在浏览器窗口的左上边。

在这里插入图片描述

2.3 页面的主体标签:

< body> 标签封装了页面的主体内容,使用< body> 标签,还可以设置页面背景,页面文字颜色,页边距等页面属性。

2.3.1 设置网页正文颜色和背景颜色:

基本语法:< body bgcolor=”颜色值” text=”颜色值”>

![在这里插入图片描述](https://img-blog.csdnimg.cn/20181106141859117.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4Njg0NTA0,size_16,color_FFFFFF,t_70结果:

2.3.2 添加网页背景图片:

基本语法:< body background=”背景图片的URL” >

2.3.3 设置网页链接文字颜色:

基本语法:< body link=”颜色值” vlink=”颜色值” alink=”颜色值”>

在这里插入图片描述

2.3.4 设置网页边距:

基本语法:

< body leftmargin=”边距值” rightmargin

网页标签不能随便设置,常见的网页标签有:

< html> < /html> 这是一对超文本开始与结束标签< head> < /head> 是一对头部声明标签,如标题标签、JS链接、CSS链接都是放入此对标签内< title> < /title> 是标题标签,此标签内内容是在浏览器最左上角标题显示,在内容不会显示,同时一个网页里具有唯一性(使用一次并且放入head标签内)< body> < /body> 是一定内容标签,即要显示内容都放入此标签内。< div> 网页标签不能随便命名,常见的网页标签有,< /div> div标签也是div css所说的div标签。< p> < /p> 是一对段落标签< br /> 换行标签- p与br区别< font> 字体声明标签,可在此标签内设置文字的CSS样式< span> 此标签与div标签相似< b> < /b> 和< strong> < /strong> 都是加粗标签代表css样式中font-weight相当于css文字加入。