HTML学习001

html提供了很多标签对儿,可以给文本增加不同的语义,比如:
- h1 —> 主标题
- h2 —> 二级标题
- p —> 普通段落

标签对是由起始标签和结束标签组成

起始标签

HTML 骨架和基本语法

1   <html>
2       <head>
3           
4       </head>
5       <body>
6           
7       </body>
8   </html>

网页的最外层的标签对是 标签对,里面有两部分,分别是head和body.
head标签中,描述网页的配置;body中的内容,才是用户可以看见的内容。

字符集

<meta http-equiv="Content-Type" content="text/html:charset=UTF-8">

字符集用 meta 标签定义,meta 表示“元”,“元”配置,就是表示基本的配置项目。
charset 就是 charactor set “字符集”的意思。

  • UTF-9 是国际通用字库,里面涵盖了所有语言。
  • gb2312 是中文字库,里面仅涵盖了汉字和一些常用的外文。

UTF-8 字多,有各种国家的语言,但是保存尺寸大,文件臃肿
gb2312 字少,只有中文和少数外语和符号,但是尺寸小,文件小巧

关键字和页面描述

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

<meta name="Description" content="腾讯网从2003年创立至今,已经成为集新闻信息,区域垂直生活服务、社会化媒体资讯和产品为一体的互联网媒体平台。腾讯网下设新闻、科技、财经、娱乐、体育、汽车、时尚等多个频道,充分满足用户对不同类型资讯的需求。同时专注不同领域内容,打造精品栏目,并顺应技术发展趋势,推出网络直播等创新形式,改变了用户获取资讯的方式和习惯。" />

只要设置的 Description 页面,那么百度搜索结果,就能够显示这些语句,这个技术叫做SEO. search engin optimization. 搜索引擎优化。

<meta name="" content=""/>

name 就是“名字”的意思,content是内容的意思。

定义关键词:

<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />

这些关键词,就是告诉搜索引擎,这个网页是干嘛的,能够提高搜索命中率,让别人能够找到你,搜索到你。

title 标签

<title>网页的标题</title>

title 也是有助于 SEO 搜索引擎优化的

<title>【闪迪CZ50】闪迪(SanDisk)酷刃 (CZ50) 32GB U盘 黑红【行情 报价 价格 评测】-京东</title>

网页的 head 标签里面,表示的是页面的配置,有什么配置
字符集,关键词,页面描述,页面标题

img 图片
完整语法 ,两个属性 arc 和 alt,

  • src ; source 资源
  • alt : alternate 替代物
<img src="路径" alt="替代文本,当图片不能显示的时候,显示这里的文字“ />

图片里面的路径 ,相对路径,从html出发,找到图片

<img src="images/ss/0.png" alt="" />
<img src="../../0.png" alt="" />

a 标签,超级链接
a 是英语 anchor 锚的意思
a 标签常用的就是三个属性

<a href="网址" title="悬停文本" target="_blank" > 超级链接文字</a>

页面的锚点,用 name 属性或者 id 属性

<a name="index"></a>
<a id="home"></a>

如果想跳转到某个锚点

<a href="#home"></a>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值