快速学习html、css的经典笔记

HTML语言剖析

Html简介-目录

全写: HyperText Mark-up Language
译名: 超文本标识语言
简释:一种为普通文件中某些字句加上标示的语言,其目的在于运用标签(tag)使文件 达到预期的显示效果。由文字(字母,数字、标点符号)及标签组合而成。任何文字编辑器都可以,这里推荐用:Dreamweaver。
  1. Html特点:

► 描述性语言,结构语言,用于决定网页内容以什么样的形式显示;

► 通过标签来控制网页的文档、字符和段落等的格式,以及对脚本语言等的调用;

► 纯文本文件,可以使用各种文本编辑器编写; (Dreamweaver是首选)

► 文件扩展名: .htm 或 .html;

► html文件必须在Web浏览器上运行;(运行环境)

► 具有跨平台性。

1. HTML语法结构:

► HTML文件是由一系列的元素和标签(tag)组成的;

► 元素:网页中的内容;

► 标签:用于规定元素的属性和它在文件中的位置;

► 格式:<元素名称 属性="值"...>元素资料</元素名称>,<元素名称 属性="值"...>

► 不区分大小写。

2. HTML文件结构:

► 起始标记:<html> </html> 表示HTML网页的起始;

► 文件头部:<head> </head> 设置初始化文档信息和文档管理标注;

► 文件主体:<body> </body> 设置格式化的浏览器显示的文档(内容);

► 注释部分:<!--    --> 可以放在任何位置;

► <!      >

※  例:
<html>
<head>
<title>Html简介</title>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<!--网页内容-->
</body>
</html>


n 标签写法:

► 任何标签皆由"<>"所包含,如 <b>

► 标签名与小于号之间不能留有空白字符。

► 某些标签 要加上参数,某些则不必。如 <font size="+2" >大家好</font>

► 参数只可加于起始标签中。

► 在起始标签之标签名前加上符号" / "便是其终结标签,如 </font>

► 标签字母大小写皆可。

n 成对标签与单标签:
标签按型态分为成对标签与单标签

1. 成对标签
  顾名思义,它以起始标签及终结标签将文字围住,令其达到预期显示效果。
   例如 HTML 源码 : <b>我愿意和大家显示成:我愿意和大家一起学好html/css!大家有信      心吗?
其中 <b> </b> 便称为成对标签。
它以起始标签 <b> 及结尾标签 </b> 标示文字我愿意和大家一起学好html/css!令它显示成粗体,两者失其一都会发生错误显示。

2. 单标签
是指标签单独出现,只有起始标签没有终结标签。

※  例如 HTML 源码:
I love my hometown. <br> It's a beautiful place.

显示成:
I love my hometown.
It's a beautiful place.

其中换行标签<br>便属单标签。
它的作用便是将标签后所有东西显示于下一行,可见结尾标签对于它是没意义的, 但有些人会为空标签加上终结标签,如果加上结尾标签,对 HTML没有影响。 便于记忆。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值