html语言的基本结构,网页HTML的基本结构是什么
- vbwecdsJL0
- 2024-04-27
- 句子
- 162浏览
- 0评论
一、简述“HTML”文档的基本结构
HTML(HyperText Mark-up Language,超文本标记语言或超文本链接标示语言),是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。
HTML文档基本结构
在HTML网页文档的基本结构中主要包含以下几种标记。
1.HTML文件标记
<HTML>和</HTML>标记放在网页文档的最外层,表示这对标记间的内容是HTML文档。<HTML>放在文件开头,</HTML>放在文件结尾,在这两个标记中间嵌套其他标记。
2.HEAD文件头部标记
文件头用<HEAD>和</HEAD>标记,该标记出现在文件的起始部分。标记内的内容不在浏览器中显示,主要用来说明文件的有关信息,如文件标题、作者、编写时间、搜索引擎可用的关键词等。
在HEAD标记内最常用的标记是网页主题标记,即TITLE标记,它的格式为:
<TITLE>网页标题</TITLE>
网页标题是提示网页内容和功能的文字,它将出现在浏览器的标题栏中。一个网页只能有一个标题,并且只能出现在文件的头部。
3.BODY文件主体标记
文件主体用<BODY>和</BODY>标记,它是HTML文档的主体部分。网页正文中的所有内容包括文字、表格、图像、声音和动画等都包含在这对标记对之间。通常的标记样式如下:
<BODY background="image-URL" bgcolor="color" text="
color" link="color" alink="color" vlink="color"
leftmargin="value" topmargin="value">…</BODY>.
二、网页HTML的基本结构是什么
如图:
1.无论是动态还是静态页面都是以“<html>”开始,然后在网页最后以“</html>”结尾。
2.<head>”页头
其在<head></head>中的内容是在浏览器中内容无法显示的,这里是给服务器、浏览器、链接外部JS、a链接CSS样式等区域,而里面“<title></title>”中放置的是网页标题。
3.“<meta name="keywords" content="关键字"/><meta name="description" content="本页描述或关键字描述"/>”
这两个标签里的内容是给搜索引擎看的说明本页关键字及本张网页的主要内容等SEO可以用到。
4."<body></body>"
也就是常说的body区,这里放置的内容就可以通过浏览器呈现给用户,其内容可以是table表格布局格式内容,也可以DIV布局的内容,也可以直接是文字。这里也是最主要区域,网页的内容呈现区。
5.最后是以"</html>"结尾,也就是网页闭合。
以上是一个完整的最简单的html语言基本结构,通过以上可以再增加更多的样式和内容充实网页。
扩展资料:
标签详解:
1.<!doctype>:是声明用哪个 HTML版本进行编写的指令。并不是 HTML标签。<!doctype html>:html5网页声明,表示网页采用html5。
2.<meta>:提供有关页面的元信息(针对搜索引擎和更新频度的描述和关键词等),写在<head>标签内。
a)<meta charset="UTF-8">:设置页面的编码格式UTF-8;
b)<meta name="Generator" content="EditPlus">:说明生成工具为EditPlus;
c)<meta name="Author" content="">:告诉搜索引擎站点制作的作者;
d)<meta name="Keywords" content="">:告诉搜索引擎网站的关键字;
e)<meta name="Description" content="">:告诉搜索引擎网站的内容;
参考资料:html代码-百度百科
三、HTML语言的基本结构元素有几个,分别是什么什么作用
【(一)HTML语言的基本结构元素有几个,分别是什么?什么作用?】
<html>
<head>
<title>标题</title>
</head>
<body>
正文部分
</body>
</html>
这个例子包含了html中最基本的元素,首先是<html></html>这一组标记符,然后在它里面是标记符的元素体。html元素的元素体由两大部分组成,头元素<head></head>,体元素<body></body>另外还有一些注释。这样就可以形成一个个我们看到的美伦美奂的网页。
1、“文件头”标记符()
文件头标记符也就是通常见到的标记符,标记符在网页中是看不到的,因为它包含在HTML语言的“<head>…</head>”标记符之间,而通常我们所见到的网页内容只有在“<body>…</body>”之间的才可以在文档中显示出来.
2、“文件标题”(Title)
Title元素是文件头里唯一一个必须出现的元素,它也只能出现在文件头里.它的格式如下:
<title>标题</title>
标题表示该HTML文件的名称,是对文件的概述。标题对于一个文件来说是非常重要的,我们可以从一个好的标题中判断出该文件大概的内容。不过文件的标题一般不会显示在文本窗口中,而以窗口的名称显示出来。
3.“文件体”标记符(body)
文件体标记符由<body>开始.</body>结束,它的中间是网页文档的正文部分。我们在网页中进行的背景颜色的设定,或是图片的设定或是连结字体的颜色,都要放在<body>这个标记符里。
4.“标题”标记符(hn)
标题标记符用于显示HTML文件的各级标题,格式如下:
<hn>标题内容</hn>
其中n为1-6的数字,数字越大,字越小。也就是说(h1)最大,(h6)最小,希望大家记住这一点。标题内容用黑体字显示,各行之间自动换行。
在我们制作网页时,<h4>一般作文本正文,而h6字体由于太小,一般用得很少。
5、字体和段落标记符
(1)网页中字体大小设定标识符
下面我们来看一看它的有关设置方法。它的语法是:<font size=3>文字内容</font>。它的大小一共有七种,也就是<font size=1>(最小)到<font size=7>(最大),另外,还有一种写法:<font size=+1>文字内容</font>,其意思就是说:比预设字大一级。当然也可以 font size=+2(比预设字大二级),或是 font size=-1(比预设字小一级),以一般而言,预设字体多为3。
(2)文字的字型设定标记符
我们在这里说的字型设定主要是指文字的字型,比如说宋体,楷体等。它们在网上用得也十分广泛。唯一的一个限制是:对方也要有该字型!否则看到的仍然还是宋体。另外要说明的是,这个标记符无法保证在每个浏览器上都能正常的显现,不过这并没有关系,看不到特殊的字型时,浏览器仍会以宋体来显示,所以不用怕会一团乱!
(3)分段标记符
由于在HTML里它的浏览器是基于窗口的,因此用户可以随时改变显示区的大小。不过由于HTML语言是不认识我们所谓的Enter键或空白键,所以不管按了多少次的空白或Enter,浏览器都会当作没看见。因此我们在HTML里的分段依赖于强制断行标记符<br>和强制分段标记符<p>。
6、图像标记符
在HTML里,一般用<img src=“”width=“”height=“” align=“”>来表示我们插入的图像。在这里,img表示图像的标记符,而属性src后面的引号中表示图像路径及文件名,width后面填写的是图像的宽度,height后面填写的是图像的高度,align为图像的对齐方式.一般我们使用的图像格式有2种,gif和jpeg.二者的加载方法一样。在使用图像标记符时有两件事值得我们注意一下,一是文件名,二是路径。如果文件名和路径不正确的话在网页中的图像是无法显示的。
7、表格标记符
在HTML里,一个表格由<table>开始,由</table>结束,在表格里的属性由<tr>表示表格的行,<th>表示表格的列数和相应栏目的名称,<td>表示单元格组成。此外我们还可以设置表格的表宽“width=#”和表高“height=#”,#表示是以象素为单位的整数。边框宽度“border=#”,#为宽度值,单位是象素。表格间距即划分表格的线的粗细用“cellspacing=#”来表示.以及表格颜色用“bgcolor=#”来表示,#是十六进制的6位数,格式为rrggbb,表示红,绿,蓝三色的分量。表格的合并在<td>中使用rowspan或colspan。
8、框架标记符
使用框架可以将浏览器分成多个区域,每个区域都是相对独立的,可以显示HTML文件
9、层标记符
所谓层,也就是网页内容的容器.只有在Dreamweaver里才有层。层分为两种类型:CSS和Netscape层。前者在HTML文件中的层标记符使用Div和Span,被浏览器Internet explore4.0和Netscape4.0支持。后者使用Layer和Ilayer,被Netscape4.0支持。Dreamweaver 8对以上4种层都支持。
层的基本语句如下:
<div id="Layer1" style="position:absolute; left:141px; top:58px; width:210px; height:137px; z-index:1"></div>
在这里,id表示层的编号,style表示层的方式,left表示层左边界距离浏览器窗口左边界的距离,top表示层上边界距离浏览器窗口上边界的距离,width表示层的宽度,height表示层的高度,z-index表示在垂直平面的方向上层的顺序号。
【(二)用HTML语言编写个三行两列的表格。】
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
【(三)HTMl语言的常用元素有什么?举至少5个例子。】
<a href=...>~〈/a>:插入超链接
<form action=...>~</form>:提交表单
<link href=...插入相关的CSS文件>
<style>~</style>:插入相应的图标,比如鼠标样子图标
<table>~<table>:插入显示HTML的一个表格,需要class和id的属性
<div>~</div>:定义显示文本的位置,需要class和id的属性
<font>~</font>:文字颜色和大小布局
<p>~</p>:文字段
<input/>:输入表格属性,一般分为name和password两种。
本站文章除注明转载/出处外,均为本站原创或翻译。若要转载请务必注明出处,尊重他人劳动成果共创和谐网络环境。
转载请注明 : 文章转载自 » 利剑句子网 » 句子 » html语言的基本结构,网页HTML的基本结构是什么