html--基本标签
1.html--基础标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body> <p>开始学习HTML~</p> </body>
</html
标签分为两类:一类是双标签 成对存在,一类是单标签 单独存在
创建一个网站的过程:创建一个记事本text->输入基础标签->将text格式改为html;
2.1 文档类型声明
<!DOCTYPE>文档类型声明,作用是告诉浏览器使用的那种html版本来显示网页
<!DOCTYPE html> :采取html5版本来显示网页
注意
(1):<!DOCTYPE>声明位于文档中的最前面的位置,处于<html>标签之前
(2):<!DOCTYPE>不是一个html标签,它是文档类型声明标签。
2.2 lang语言种类
用来定义当前文档显示的语言
1.en定义语言为语言
2.zh-CN定义为中文 <html lang=“zh-CN”>
2.3 字符集
字符集是多个字符的集合。以便计算机能够识别和存储各种文字。
在<head>标签内,可以通过<meta>标签的charset属性来规定html文档应该使用哪种字符编码。
<meta charset="UTF-8"/>
charset常用的值有GB2312,BIG5 GBK UTF-8其中UTF-8也称为万国码
3.1 标题标签
为了使网页更具有语义化,我们经常会在页面中用到标题标签,html提供了六种等级的标题标签,即<h1>-<h6>。
<h1>我是一级标题</h1>
3.2段落和换行标签
在网页中,要把文字有条理的显示出来,就需要将这些文字分段显示。在html标签中,<p>标签用于定义段落,它可以将整个网页分为若干个段落
<p>我是一个段落标签</p>
特点
文本在一个段落中会随网页大小而换行
段落与段落间保有空隙
<br> 换行标签 也是一个但标签 放在文字后面 进行换行
3.3水平线标签
<hr>标签在html页面创建水平线。用于分隔内容。
实例
<p>第一个段落</p>
<hr>
3.4字体标签
标签语义:突出重要性,比普通文字更重要
加粗:<strong></strong>或者<b></b>
倾斜:<em></em>或者<i></i>
删除线:<del></del>或者<s></s>
下划线:<ins></ins>或者<u></u>
3.5<div>和<span>标签
div与span没有语义 他们就是一个盒子 用来装内容
<div>这是头部</div>
<span>今日价格</span>
div是division的缩写,表示分割 分区 span意味跨度 跨区
特点
1.<div>标签用来布局,但是现在一行只能放一个<div>。大盒子表示独占一行
2.<span>标签用来布局,一行上可以放多个<span>。小盒子
3.6图像标签
在html标签中,<imh>标签用于定义html页面中的图像。
<img src=“图像URL” />
单词image的缩写 意味图像。
src是<img>标签的必须属性,它用于指定图像文件的路径和文件名。
所谓属性:简单理解就是属于这个图像标签的特性。
设置图像的宽度和高度用width和height
通常只修改一个另一个也修改相同的数值
3.7超链接标签
语法格式
<a href="跳转目标"target=“目标窗口的弹出方式”>文本或图像</a>
单词anchor的缩写,意味:锚
href 用于指定链接目标的url地址,必须属性当为标签应用href属性时,他就具有了超链接的功能
tagret用于指定链接页面的打开方式,其中
_self为默认值,当前窗口打开
_blank围在新窗口中打开方式,
_parent :在上一级窗口中打开(主要是针对于框架网页中的跳转,整个页面跳转到其它网页链接,而非框架区域的网页跳转),
_top :在浏的整个窗口中打开,忽略任何框架
锚点标签: