HTML基本结构

浏览器:实质上一种执行代码的软件,而这些代码由HTML编写。

扩展名:操作系统通过扩展名判断用什么程序进行处理,.mp3文件则使用音频软件打开(酷狗).mp4 .rm使用QQ影音之类的软件打开, .ppt文件使用Office或WPS软件打开,.HTML类型的文件使用浏览器软件打开。

什么是HTML:

       HTML是Hyper Text Markup Language的缩写, 即“超文本标记语言”,是一种解释性语言,用于制作网页界面,使用该语言编写的网页最终被浏览器解释执行。

超文本:

       具有普通文本所不具有的超能力的文本,具有超能力的文本,比如<img src="./timg.jpg"/>的超能力就是讲图片在网页文件显示出来。

HTML 基本结构:

<html>

       <head>

             

       </head>

       <body>

             

       </body>

</html>

 

       说明:

              <html>与</html>用来标记HTML文档的开始和结束

              <head>与</head>用来标记HTML文档的头部开始和结束

              <body>与</body>用来标记HTML文档的主体开始和结束

       <head>与</head>之间的子标签:

              title标签:设置的页面标题 示例

              meta标签:提供关于页面的元信息

                     a、设定字符集,语法结构:<meta http-equiv="Content-Type" content="text/html; charset=value"/>  示例

                     b、设定关键字,语法结构:<meta name="keywords" content=" keywords1, keywords2,……"/>  示例

                     c、设定描述,语法结构:<meta name="description" content="value"/> 

                     d、设定自动刷新,语法结构:<meta http-equiv="refresh" content="时间(单位:秒)"/>  

                     e、设定自动跳转,语法结构:<meta http-equiv="refresh" content="时间(单位:秒); url=跳转目标地址"/> 

              base标签:为页面上的所有链接(包括 <a>、<img>、<link>、<form> 标签中的 URL)规定默认地址或默认目标,该标签必须位于 head 标签内部。

除了上述标签还可以有以下标签:style、link、script等等标签,这些标签后续为大家逐一介绍。

 

HTML标签

HTML标签指使用尖括号括起来的关键字,分为单标签和双标签

单标签:标签单独出现,语法:<标签名/>,比如<br/>。可以没有标签反斜线,即<br>也可以,但是这样不符合W3C规范

双标签:标签成对出现,语法:<标签名>内容</标签名>,比如<html></html>

注意:HTML标签中的标签名不区分大小写,但为了符合W3C规范,推荐使用小写。

 

HTML标签属性

HTML标签属性放在起始标签的尖括号内,如果有多个属性,则使用空格分开,语法结构:

单标签:<标签名 属性名1="属性值1" 属性名2="属性值2" ... 属性名N="属性值N"/>,比如link标签中rel 、type和href属性

双标签:<标签名 属性名1="属性值1" 属性名2="属性值2" ... 属性名N="属性值N">内容</标签名>,比如form标签action、method和enctype

注意:

       1、属性之间使用空格间隔;

       2、属性出现的先后顺序没有要求;

       3、某些属性值可以不使用双引号引起来;但为了符合W3C标准,要求所有的属性值都使用引号引起来;

 

注释

       语法结构:<!--注释内容-->

       注意:注释内容不会在浏览器渲染后的界面上显示出来

 

特殊符号

特殊符号

字符实体

特殊符号

字符实体

空格

&nbsp;

×

&times;

"

&quot;

÷

&divide;

&

&amp;

¥

&yen;

<

&lt;

&euro;

>

&gt;

£

&pound;

©

&copy;

&middot

®

&reg;

&trade;

±

&plusmn;

§

&sect;

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值