今天学习的内容是《第三章 基本标签》,难度挺小。学钢琴的最佳年龄搞清楚了head标签里面的两个重要标签meta和title,加深了对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标签、ba标签。
style标签用于定义元素的css样式,link标签用于引进外部css文件,script标签用于定义页面的javascript代码或引入外部javascript文件。ba标签莫振杰说没有意义,不用管。
4、meta标签
meta标签有两个属性:http-equiv和name,它们定义的信息是提供给搜索引擎蜘蛛的,用户不会直接看到。
(1)http-equiv属性有两个值:“content-type”和“refresh”,分别用于定义网页编码和自动刷新跳转。
定义网页编码方式
<meta http-equiv=”content-type” content=”text/html; chart=utf-8”/>
上述内容表示页面所花开有声婚纱用的编码为utf-8,在html5中简写为:
<meta chart=”utf-8”/>
【小知识】utf-8(8位元,univers婚庆策划方案al character t/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基本结构,我也觉得挺重要,需要做熟练。
本文发布于:2023-04-05 09:07:43,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/52d805403190b218f4116444d1a0fde9.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:html注释标签怎么写(html开头基础代码).doc
本文 PDF 下载地址:html注释标签怎么写(html开头基础代码).pdf
留言与评论(共有 0 条评论) |