html基本知识点汇总

目录

html

1.1、标题标记

   2、段落标记

   3、水平线标记<hr/>

   4、换行标记<br/>。

2.1,文本格式化标记

    2.特殊字符标记

3.1图像标记

1、HTML文档基本格式

HTML文档的基本格式,主要包括<!DOCTYPE>文档类型声明、<html>根标记、<head>头部标记、<body>主体标记。

2)<html>标记

<html>标记位于<!DOCTYPE>标记之后,也称为根标记,用于告知浏览器其自身是一个HTML 文档,<html>标记标志着HTML文档的开始,</html>标记标志着HTML文档的结束,在它们之间是文档的头部和主体内容。

在<html>之后有一串代码“xmlns="http://www.w3.org/1999/xhtml"”用于声明XHTML统一的默认命名空间。

(3)<head>标记

<head>标记用于定义HTML文档的头部信息,也称为头部标记,紧跟在<html>标记之后,主要用来封装其他位于文档头部的标记,例如<title>、<meta>、<link>及<style>等,用来描述文档的标题、作者以及和其他文档的关系等。关于<head>内的重要标记将在本章后面详细讲解。

一个HTML文档只能含有一对<head>标记,绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。

(4)<body>标记<body>标记用于定义HTML文档所要显示的内容,也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内,<body>标记中的信息才是最终展示给用户看的。

一个HTML文档只能含有一对<body>标记,且<body>标记必须在<html>标记内,位于<head>头部标记之后,与<head>标记是并列关系。

HTML提供了6个等级的标题,即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>,从<h1>到<h6>重要性递减。其基本语法格式如下:

  <hn align="对齐方式">标题文本</hn>

该语法中n的取值为1到6,align属性为可选属性,用于指定标题的对齐方式。

      align属性设置对齐方式,其取值如下:

left  设置标题文字左对齐(默认值)
center  设置标题文字居中对齐
right  设置标题文字右对齐

h1-h6标签的默认样式:

标签代码:

 <h1>标题文本</h1>

标题标签的样式都会加粗,h1标签字号最大,h2标签字号相对h1要小,以此类推h6标签的字号最小。

注意:h1一般用于logo,一般来说一个网站只有一个h1。

*:一般不建议使用align对齐属性,可使用CSS样式设置。

2、段落标记

在HTML中通过<p>标记来定义段落,其基本语法格式如下:

    <p>段落文本</p>

该语法中align属性为<p>标记的可选属性,和标题标记<h1>~<h6>一样,同样可以使用align属性设置段落文本的对齐方式。

*:一般不建议使用align对齐属性,可使用CSS样式设置。

3、水平线标记<hr/>

在网页中常常看到一些水平线将段落与段落之间隔开,使得文档结构清晰,层次分明。这些水平线可以通过插入图片实现,也可以简单地通过标记来完成,<hr/>就是创建横跨网页水平线的标记。其基本语法格式如下:<hr 属性="属性值"/>

 <hr/>是单标记,在网页中输入一个<hr/>,就添加了一条默认样式的水平<hr/>标记的常用属性:

属性名

  含义  属性值
  align

设置水平线的对齐方

  可选择left、right、center三种值,默认为center,居中对齐
  size设置水平线的粗细   以像素为单位,默认为2像素
  color设置水平线的颜色  可用颜色名称、十六进制#RGB、rgb(r,g,b)
  width

设置水平线的宽度

  可以是确定的像素值,也可以是浏览器窗口的百分比,默认为100%

                           4、换行标记<br/>

2.常用的文本格式化标记:

                   

 

标记

 

显示效果

 

<b></b>和<strong></strong>

 

文字以粗体方式显示(XHTML推荐使用strong)

 

<i></i>和<em></em>

 

文字以斜体方式显示(XHTML推荐使用em)

 

<s></s>和<del></del>

 

文字以加删除线方式显示(XHTML推荐使用del)

 

<u></u>和<ins></ins>

 

文字以加下划线方式显示(XHTML不赞成使用u)

3.HTML为特殊字符准备了专门的替代代码

3.图像标记的格式:

   HTML网页中任何元素的实现都要依靠HTML标记,要想在网页中显示图像就需要使用图像标记,接下来将详细介绍图像标记<img />以及和他相关的属性。其基本语法格式如下:

<img src="图像URL" />

该语法中src属性用于指定图像文件的路径文件名,他是img标记的必需属性

 相对路径和绝对路径

 实际工作中,通常新建一个文件夹专门用于存放图像文件,这时再插入图像,就需要采用“路径”的方式来指定图像文件的位置。

²  绝对路径

     绝对路径一般是指带有盘符的路径或完整的网络地址

   

    网页中不推荐使用绝对路径,

浏览器是网页运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值