第一个HTML网页

1.基本结构

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		
	</body>
</html>

2.作用

标签总是成对出现,带/的为结束标签,不带/的为开始标签

标签的作用:告诉浏览器这是一个网页,是一个HTML文件

注意点:其他所有的标签都必须写在html文件里

head的作用:

用于给网站添加一些配置信息,指定网站标题或网站图片,一般情况下,head标签里的内容用户看不到,title标签写在里面

body的作用:

专门用来定义HTML文档中需要显示给用户查看的内容

3.字符集

<meta charset="utf-8" />的作用:

指定当前网页的字符集

如何解决乱码现象:

可以在Head标签中<meta charset="utf-8" />指定字符集

4DTD文档

由于html有很多版本的规范,为了让浏览器能够正确渲染网页,我们要告诉浏览器是那种规范

5DTD格式

<!DOVTYPE html>  (html5)

每一个不同版本的规范,都有不同的DTD文档声明

注意点:

1.DTD文档声明必须放在第一行,html标签之前

2.DTD文档声明不区分大小写

3.DTD文档不是一个标签

4.浏览器有属于自己的机制来渲染网页,就算不写也能打开,只是为了W3c规范才写的

6.基础标签

1.H系列的标签作用:

用于给文本添加标题语义的

2.注意点:H标签只是给文本添加标题语义的,不是用来修改样式的,H标签总共有六个,超过留个则无效

H1最大,H6最小。

在企业开发者。一般只有一个H标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h1>标题1</h1>
		<h2>标题2</h2>
		<h3>标题3</h3>
		<h4>标题4</h4>
		<h5>标题5</h5>
		<h6>标题6</h6>
		<h7>标题7</h7>
	</body>
</html>

 

P标签

作用是告诉浏览器,那些文字是一个段落

    <body>
		<p>春民不觉晓</p>
		<p>处处闻啼鸟</p>
	</body>

Hr标签

作用:在浏览器显示一条横线

  • 3
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值