html基础篇一

一、html基本结构

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>无标题文档</title>

</head>

<body>

</body>

</html>

说明:(1)html是hyper text markup language的简写,是超文本标记语言。

扫描二维码关注公众号,回复: 7975413 查看本文章

(2)lang=“en”———>语言为英文。

(3)<head>  </head>  结构标签,<head>里的元素页面不可见,用来修饰<body>元素;

<body>  </body>  结构标签,<body>里的元素页面可见。

(4)charset----->字符集

gb2312:简体字;gbk(繁体字);

unicode:万国码(所有国家的语言都可显示)------->升级版:utf-8。

(5)<title>标签描述了网页的标题。

二、html的标签

1.<h1>~~<h6>:定义标题,标题的字体加粗,从h1到h6字体依次减小(h1最大,h6最小)。

写法:<h1>这是一个标题</h1>

2.<p>定义段落,独成一段。

写法:<p>这是一个段落</p>

3.<img src="图片位置">:在网页中插入图片。

引入图片有三种方法:

(1)引入在线图片,<img src="网上图片的位置信息(类似于网站地址)">

(2)本地的相对路径(常用):D:a/b/lesson2.html(编写的html文件所在位置)

                                 D:a/b/123.jpg(图片位置)

<img src="123.jpg">

(3)本地的绝对路径:D:a/b/lesson2.html(编写的html文件所在位置)

                                 D:a/b/c/123.jpg(图片位置)

<img src="D:a/b/c/123.jpg">

(4)../是返回上一级目录的意思,../../返回两级,./当前目录.

例如:(3)可写成<img src="../123.jpg">

4.解决乱码:(先看是否有<meta charset="utf-8">)

(1)用记事本打开乱码文件。(2)点击文件-->另存为(3)找到编码,选择utf-8,保存。

猜你喜欢

转载自www.cnblogs.com/ws3238314129/p/11930539.html