淘先锋技术网

首页 1 2 3 4 5 6 7

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

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文字加入。