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 :在浏的整个窗口中打开,忽略任何框架

 

 

 锚点标签:

 

 

 

 

posted @ 2022-11-15 21:35  zzzfffffff  阅读(130)  评论(0编辑  收藏  举报