当前位置:首页 > 生活百科

html注释标签怎么写(html开头基础代码)

栏目:生活百科日期:2025-03-28浏览:0

今天学习的内容是《第三章 基本标签》,难度挺小。搞清楚了head标签里面的两个重要标签metatitle,加深了对html文件基本结构的理解。莫振杰写书的手艺真不错,循序渐进算是做到了。

第一章 HTML的基本标签

1、HTML基本结构

HTML文档包括文档声明和文档两大部分,文档又分为页头和页身两部分。

&<!DOCTYPE html&>表示这是一个HTML页面,DOC估计是document的缩写,type是类型,所以DOCTYPE就是文档类型。容易丢掉的是前面的“!”。

2、html标签

&<html&>表示html文件的开始,&</html&>表示html的结束。成对出现的标签都是一个表示开始,另一个表示结束。

3、head标签

&<head&>与&</head&>之间是网页的头部,用于规定页面标题、刷新时间、编码类型等。一般来说有6个标签可以放在head标签内部,分别是:meta标签、title标签、style标签、link标签、script标签、base标签。

style标签用于定义元素的CSS样式,link标签用于引进外部CSS文件,script标签用于定义页面的JavaScript代码或引入外部JavaScript文件。base标签莫振杰说没有意义,不用管。

4、meta标签

meta标签有两个属性:http-equiv和name,它们定义的信息是提供给搜索引擎蜘蛛的,用户不会直接看到。

(1)http-equiv属性有两个值:“Content-Type”和“refresh”,分别用于定义网页编码和自动刷新跳转。

定义网页编码方式

&<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8”/&>

上述内容表示页面所用的编码为utf-8,在HTML5中简写为:

&<meta charset=”utf-8”/&>

【小知识】UTF-8(8位元,Universal Character Set/Unicode Transformation Format)是针对Unicode的一种可变长度字符编码。它可以用来表示Unicode标准中的任何字符,而且其编码中的第一个字节仍与ASCII相容,使得原来处理ASCII字符的软件无须或只进行少部分修改后,便可继续使用。因此,它逐渐成为电子邮件、网页及其他存储或传送文字的应用中,优先采用的编码。

定义网页自动刷新跳转

&<meta http-equiv=”refresh” content=”5; url=https://www.baidu.com/”/&>

上述代码意思是5秒后,网页跳转到https://www.baidu.com/页面。

(2)name属性有4个常用值:“keywords”、“description”、“author”和“copyright”。

keywords描述的是网页关键字,其格式为&<meta name=”keywords” content=”百度主页”/&>;

description是页面内容描述,告诉搜索引擎页面内有什么内容,其格式&<meta name=”description” content=”百度是常用的搜索引擎之一”/&>;

author描述的是本页面的作者,其使用格式为&<meta name=”author” content=”不惑之年学编程”/&>;

copyright是版权声明,其格式为&<meta name=”copyright” content=”本文为原创读书笔记,版权所有,禁止转载。”/&>。

head标签里的meta和title标签都在下图中。

5、title标签

title标签定义的是网页标题,出现在网页到左上角,而不是页面内文章到标题。它的使用格式为:

&<title&> 这个是网页的标题 &</title&>

6、body标签

body标签内部才是页面里显示的内容,也就是用户可以看到的部分。里面会有其他标签,例如h1(标题),p(段落)等。

7、HTML注释

注释的用法很简单,上图的文件中用了好多,格式如下:

&<!&–注释内容&–&>

注释的内容不会显示在页面中,但是对读懂程序很重要。

上面的HTML文件在浏览器中的显示效果如下图:

8、莫振杰的作业里有一条:默写HTML基本结构,我也觉得挺重要,需要做熟练。

“html注释标签怎么写(html开头基础代码)” 的相关文章

如何投屏到电视,手机投屏所需条件及方法

因为疫情的原因,大家都不能出门玩耍了,刷剧也就成了消磨时间最好的选择。但用手机观看视频总归没有电视大屏幕来的清爽舒服。这时就可以借助“投屏”功能,痛痛快快在电视...

python网络爬虫技术(解读python网络爬虫的基本原理)

1.很多人一上来就要爬虫,其实没有弄明白要用爬虫做什么,最后学完了却用不上。大多数人其实是不需要去学习爬虫的,因为工作所在的公司里有自己的数据库,里面就有数据来...

如何自主创业,自主创业的步骤

如何做好自主创业的准备?现如今,走出校门就开始创业,甚至在学校里就开始创业的大学生不少,他们当中有像路明这样创业成功的例子,但大多是与林芳一样失败的例子。大学生...

WiFi万能钥匙,真的过气了?

不可否认,WiFi万能钥匙正在淡出移动互联网市场,曾经风靡一时的蹭WiFi风潮成为了过去式。WiFi万能钥匙的成功是必然的。当年三大电信运营商流量收费奇高,省钱...

好用的妆前乳排行榜前十名(保湿效果最好的10款妆前乳)

谁还不是个美美哒小仙女啊!妆前乳必不可少的,下面10款妆前乳,看看有没有你中意的?1.SK-II环采臻皙cc霜將美白、防晒、隔离、润色及持久妝感五重功效結合一次...

京东自营最怕客户投诉什么(附最有效的维权方法)

“京东自营”≠“京东商城自己销售经营”?这就是京东商城网站里标注“京东自营”的真相。虽然,京东商城辩称“京东自营”=“京东集团自营”,但是,这种说法也是存在问题...

2019cctv中国创业榜样名单出炉,中国创业成功率的有多少

2月8日,《2019年CCTV中国创业榜样》在央视财经频道播出。节目不仅带领观众了解到创业榜样不懈追求、顽强拼搏的创业精神,也见证新老创业者薪火传承的动人时刻,...

商品活动具体流程怎么写(教你写商品活动策划书)

商品管理是门店运营中的核心,很多药店在商品管理过程只关注了商品的效期,滞销,而面对这些商品也仅仅是做个促销来拉动,大部分门店并没有一套行之有效的办法来解决商品动...

WIFI密码显示密码(直接显示wifi密码神器)

最近在使用手机的过程中,发现了一个很多朋友都不知道的秘密。对于有些朋友来说,这可能并不是什么秘密,但对我来说是一个很好的消息。那就是我们在使用WIFI的时候,连...

lol季前赛是什么意思(英雄联盟2023季前赛)

近日,《英雄联盟》LPL赛区夏季赛季后赛正火热进行中。这次比赛不仅仅是为了决出LPL赛区的冠军,还要选出4支LPL战队代表中国出征《英雄联盟》S11世界总决赛!...