初识 html

一、定义

超文本标记语言,负责网页的结构,使用标签的形式表示网页的不同组成部分,所谓的超文本就是超链接,使用超链接可以让我们从一个页面跳转到另一个页面。

二、基本格式

<html>
	<head>
		<meta charset="utf-8" />
		<title>标题</title>
	</head>
	<body>
		<h1>第一个网页</h1>
	</body>
</html>

三、标签

1. html 

一个页面中有且只有根标签,网页中所有的内容都应该写在跟标签中

<html></html>

2. head 

标签的内容,不会在网页中直接显示,用来帮助浏览器解析页面

<head></head>

3. title

网页标题标签。默认显示在浏览器的标题栏中,搜索引擎搜索页面时,首先会检索title标签中的内容,它是网页搜索引擎最重要的内容,会影响网页在搜索引擎的排名

<title></title>

4. body

设置网页中的主题内容,网页中所有可见的内容,都应该放在body中编写

<body></body>

5. meta

meta是一个自结束标签,编写一个自结束标签时,开以在开始标签中加一个/,meta用来设置网页的一些元数据,比如网页的字符集,关键字,简介,搜索引擎搜索时,会检索关键词和描述,但不会影响搜索引擎的排名

(1) 字符集

<meta charset="utf-8" />

(2) 关键字

<meta name="keywords" content="html5,test"/>

(3) 描述

<meta name="description" content="描述的内容"/>

(4) 请求重定向

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

5是秒数,url是目标路径

6. 标题

在html中,一共有六级标题,h1~h6,h1最大,h6最小,h3以后基本不使用,h1重要性仅次于title,搜索引擎检索完title会检索h1,页面只能写一个h1,多写的会被浏览器视为垃圾网站

<h1>一级标题</h1>

7. 段落

段落标签用于表示内容中的一个自然段,使用p标签来表示一个段落,默认独占一行,且段落之间有一段距离

<p>段落</p>

8. 换行

<br/>

9. 水平线

<hr/>

10. 图片

<img src='img/1.jpg' alt='这是一个图片'/>
属性意义
src设置一个外部图片的路径,使用的是相对路径
alt图片不显示时,对图片的描述,如果不写alt,搜索引擎不会对img的图片进行收录
width宽度,单位为px
height高度,单位为px

图片格式:

名字说明
JPEG(JPG)支持的颜色比较多,可以用来压缩,不支持透明,一般用来保存颜色丰富的图片
GIF图片颜色单一,支持动态图 ,一般用颜色单一或动态图
PNG支持颜色多,支持复杂的透明,可以用来显示颜色复杂的透明图片

注意:当宽度和高度只指定一个,会保持比例改变另外一个

四、其他

1. 注释

<!-- 
    这是注释
-->

2. 文档声明 h5 

<!DOCTYPE html>

3. 实体

名字写法
>&lt
<&gt
空格&nbsp
版权&copy

4. html 规范

(1) html 不区分大小写,一般使用小写

(2) html 注释不能嵌套

(3) html 结构必须完整,要么成对出现,要么自结束标签,出错浏览器会自动纠错,但有些时候回修正错误

(4) html 标签可以嵌套,但是不能交叉嵌套

(5) html 属性必须有值,且值必须加引号

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值