之前学习web前端都是断断续续的学习,导致很多基础知识点遗忘,现在重新开始学习。
HTML结构
文档声明:<!DOCTYPE html>
是一个文档声明,表示这是一个HTML页面
html标签对:<html></html>
是告诉浏览器,这个页面是从<html>
开始,到</html>
结束。(例:<html xmlns="http://www.w3.org/1999/xhtml">
)
head标签对:<head></head>
是网页的头部,用于定义特殊的内容,如页面标题、定时刷新、外部文件。
body标签对:<body></body>
是网页的身体,对于一个网页来说,大部分代码都是在这个标签内部编写的。
<html>
<head>
<title>网页标题</title>
</head>
<body>
<p>网页内容</p>
</body>
</html>
head标签
只有6个标签能放在head标签内.
title标签 | meta标签 | link标签 | style标签 | script标签 | base标签 |
---|---|---|---|---|---|
定义网页标题 | 定义页面特殊信息 | 定义元素的css样式 | 定义页面的javascript代码 | 引入外部css文件 | 无意义 |
meta标签中name属性
keywords | description | author | copyright |
---|---|---|---|
网页的关键字,可定义多个 | 网页的描述 | 网页的作者 | 版权信息 |
<!DOCTYPE html>
<html>
<head>
<!--网页关键字-->
<meta name="keywords content="隔壁小胡的博客,Typecho"/>
<!--网页描述-->
<meta name="description content="隔壁小胡的博客-记录生活,分享技术"/>
<!--本页作者-->
<meta name="author content="隔壁小胡"/>
<!--版权信息-->
<meta name="copyright content="本站内容为原创,转载请标明出处!"/>
</head>
<body>
</body>
</html>
meta标签中http-equiv属性
用于定义网页所使用的编码<meta http-equiv="content-Type" content="text/html; charset=utf-8"/>
定义网页自动刷新跳转
<meta http-equiv="refresh" content="6;url=https://hq233.cn"/>
style标签
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
/*这里写css样式*/
</style>
</head>
<body>
</body>
</html>
script标签
<!DOCTYPE html>
<html>
<head>
<script>
/*这里写javascript代码*/
</script>
</head>
<body>
</body>
</html>
link标签
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="css/index.css">
</link>
</head>
<body>
</body>
</html>
body标签
h3标签是一个“第三级标题标签”
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>body标签</title>
</head>
<body>
<h3>静夜思</h3>
<p>床前明月光,疑似地上霜;</p>
<p>举头望明月,低头思故乡。</p>
</body>
</html>
HTML注释
<!---注释内容->
本文到此结束
转载请先获得本人同意!
(如有侵权,请 点此联系我删除 )
可以多讲一些img,div,span,ul li,a常用的标签
嗯嗯
啊啊啊,打字特效忒棒了
看不懂,对不起,是我肤浅了