1.HTML

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

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

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

文档声明头

大规范小规范
HTML4.01Strict
严格的,体现在一些标签不能使用,比如u
Transitional 普通的
Frameset 带有框架的页面
XHTML1.0
严格体现在小写标签、闭合、引号 Strict
Strict
严格的,体现在一些标签不能使用,比如u
Transitional 普通的
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也是表达“小区域、小跨度”的标签,但是是一个“文本级”的标签。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值