MENU

HTML基础-基本标签

2021 年 07 月 29 日 • 阅读: 814 • HTML,前端之旅

之前学习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属性

keywordsdescriptionauthorcopyright
网页的关键字,可定义多个网页的描述网页的作者版权信息
<!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注释

<!---注释内容->

本文到此结束
  • 文章标题:HTML基础-基本标签
  • 文章链接:https://hq233.cn/archives/298.html
  • 作品采用:CC BY-NC-SA 4.0 许可协议授权
  • 版权所有:本文版权归 隔壁小胡的博客所有
    转载请先获得本人同意!
    (如有侵权,请 点此联系我删除 )
  • 最后编辑于: 2022 年 06 月 04 日
    返回文章列表 文章二维码
    本页链接的二维码
    打赏二维码
    添加新评论

    已有 4 条评论
    1. 可以多讲一些img,div,span,ul li,a常用的标签

    2. woaooo woaooo

      啊啊啊,打字特效忒棒了

    3. 夜有星 夜有星

      看不懂,对不起,是我肤浅了