如图:
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网页的基本结构
1、HTML——超文本标记语言,浏览器解析html标记后,展示内容
2、H5——HTML5(目前流行比较火)
3、网页的基本结构
3.1静态网页的拓展名htm或html
3.2新建网页的步骤:
1、新建文本文档,更改拓展名为htm或html
2、编写网页的基本结构,并报春
3、双击html文件,在浏览器中运行
3.3网页的基本结构
<html>
<head>
<title>网页的标题</title>
<body>网页显示的内容</body>
</head>
</html>
4、HTML语言的特点
标记,大部分的都是成对存在
不区分大小写 H5区分大小写
浏览器解析HTML标记
二、使用相关的标签进行排版
1、网页的标题
<title></title>
2、标题标签
<h1>....<h6>数字越大 标题越小
3、段落标记——<p>[/P]可以有也可以没有
4、换行——<br/> [/]可以有野可以没有
5、水平线——<hr/>
6、字体加粗<strong></strong> 斜体<em></em>
7、HTML中的注释和特殊的符号--P15页
注释:<!-- -->
特殊符号 空格 ; 大于号>; 小于号<;
引号";版权符号©;
三、在网页上插入图片
<img src="图片地址" alt ""替换的文字
title ""鼠标悬浮停留时的文字 width ="宽" height"高"/>
ps:src属性必须有 其他的属性可以有可以没有
图片路径:相对路劲和绝对路径
1、相对路径,不出现有磁盘名字的路径
../表示上级目录
../../表示目录的上一级目录
2.绝对路径,有磁盘名字的路径
C:\Documents and Settings\Administrator\桌面
***网页中使用相对路径
四、超链接
1、通用语法:
<a href=路径target="-self丨blank"(前是当前页面打开,
后是新建宽口打开>超链接上的显示的文字</a>
2、作用:页面导航
3、锚链接P23.24
1>先设置锚记
<a name="锚记名" </a>
2>超链接访问当前页面中的锚记?
<a href="#锚记名”></a>
4、打开邮件发送邮件
<a href="mailto:邮箱名“>点我发送邮件</a>
<html>
<body>
主体
</body>
</html>
我想说基本结构应该是只要这两个就可以了。其他的都是附带属性,不过HTML代码很强大,建议好好学习,基本的使用时不可能满足设计出一个完美的页面的