html的起始基础结构

最新推荐文章于 2024-05-31 01:11:18 发布

雷子丸丸

最新推荐文章于 2024-05-31 01:11:18 发布

阅读量283

点赞数

文章标签： html

本文链接：https://blog.csdn.net/lzww9900/article/details/109691130

版权

导语：

本篇主要说明html的起始结构，以及各基础结构的含义

主干：

首先是html的起始结构：

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
   </head>
   <body>



   </body>
</html>

其次，是对各结构的说明与解释：

"<!DOCTYPE html>"在最开头，解释文本的类型
<html>
   主体
</html >
"<html>" 开始标签/结束标签
<head>
   内容
</head>
“<head>/</head>” 中间内容一般不在主体页面上，一般是是搜索引擎的关键字，网页的基本信息
<body>
   内容
</body>
“<body>/</body>”中间内容是给用户看到的内容
<p>内容</p> "<p>"是段落，中间是文体内容
<a href="链接">文本</a> 给“文本”附加“链接”
<a href="链接" target="_blank">文本</a> target="_blank" 令新打开的链接产生新的窗口，保留原本的窗口
 此处的内容是起注释的作用，并不出现在生成的网页中
<img style="width: ?/" src="来源" title="名称"/> 来源和名称指的对象均是图片 style后边的width或者longth 是给图片设定我们所需要的宽和长，一般只用一个，否则会影响图片原有的比例

末尾：

在这里我插入一个码好的语句，以便于对照和更形象的解释

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>MyFirst</title>
	</head>
	<body>
		<a href = "Http://baidu.com">百度</a>
		<img  style="width: 50" src= "img/沃尔沃.png" title="沃尔沃汽车"/>
	</body>
</html>