1.HTML

xiaoxiao2021-02-27  539

HTML标签是分等级的,HTML将所有的标签分为两种:容器级、文本级。

顾名思义,容器级的标签,里面可以放置任何东西;文本级的标签里面,只能放置文字、图片、表单元素。

文本级:p、span、a、b、i、u、em 容器级:div、h系列、li、dt、dd

文档声明头

大规范小规范HTML4.01Strict严格的,体现在一些标签不能使用,比如uTransitional 普通的Frameset 带有框架的页面XHTML1.0 严格体现在小写标签、闭合、引号 StrictStrict 严格的,体现在一些标签不能使用,比如uTransitional 普通的Frameset 带有框架的页面

字符集

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 字符集用meta标签定义,meta表示“元”。“元”配置,就是表示基本的配置项目。

关键字和页面描述

meta除了可以设置字符集,还可以设置关键字和页面描述。

设置页面描述:

<meta name="Description" content="网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。" /> 只要设置的Description页面面熟,那么百度搜索结果,就能够显示这些语句,这个技术叫做SEO,search engine optimization,搜索引擎优化。

定义关键词:

<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" /> 这些关键词,就是告诉搜索引擎,这个网页是干嘛的,能够提高搜索命中率。让别人能够找到你,搜索到你。 Keywords就是“关键词”的意思。

空白折叠现象

HTML中所有的文字之间,如果有空格、换行、tab都将被折叠为一个空格显示。

超链接

a是英语anchor“锚”的意思,就好像这个页面往另一个页面扔出了一个锚。是一个文本级的标签。 href是英语hypertext reference超文本地址的缩写。读作“喝瑞夫”,不要读作“喝夫”。 title 悬停文本 <a href="09_img.html" title="很好看哦">结婚照</a> target 是否在新窗口中打开 target实际上是“目标”的意思。 <a href="09_img.html" title="很好看哦" target="_blank">结婚照</a> blank就是“空白”的意思,就表示新建一个空白窗口。

完整的超级链接:

<a href="1.html" title="悬停文本" target="_blank">链接的内容</a>

列表

无序列表

ul就是英语unordered list,“无序列表”的意思。 li 就是英语list item , “列表项”的意思。

li不能单独存在,必须包裹在ul里面;反过来说,ul的“儿子”不能是别的东西,只能有li。

有序列表

ordered list 有序列表,用ol表示 <ol> <li></li> <li></li> <li></li> </ol>

定义列表

dl表示definition list 定义列表 dt表示definition title 定义标题 dd表示definition description 定义表述词儿

dt、dd只能在dl里面;dl里面只能有dt、dd

div和span

div和span是非常重要的标签,div的语义是division“分割”; span的语义就是span“范围、跨度”。

span也是表达“小区域、小跨度”的标签,但是是一个“文本级”的标签。

转载请注明原文地址: https://www.6miu.com/read-13320.html

最新回复(0)