1、HTML语言
HTML 全称 Hyper Text Markup Language,超文本标记语言。
超文本:指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
标记语言:将文本及相关信息结合起来,展示出文档结构与数据处理细节的电脑文字编码。
2、超文本标记语言的组成
超文本标记语言由标记组成,并且成对出现。(HTML文档中标记又称为标签)HTML标签是HTML语言中最基本的单位。
标签的特点:
- 由尖括号包围的关键词,比如 <html>
- 通常是成对出现的,比如 <h1> 和 </h1>
- 标签对中的第一个标签是开始标签,第二个标签是结束标签; 开始和结束标签也被称为开放标签和闭合标签。
- 也有单独呈现的标签,如:<img src="图片名称.jpg" />等。
- 一般成对出现的标签,其内容在两个标签中间。单独呈现的标签,则在标签属性中赋值。如<h1>标题</h1>和 <input type="text" value="按钮" />。
- 网页的内容需在<html>标签中,标题、字符格式、语言、兼容性、关键字、描述等信息显示在<head>标签中,而网页需展示的内容需嵌套在<body>标签中。
- 某些时候不按标准书写代码虽然可以正常显示,但是作为职业素养,还是应该养成正规编写习惯。
3、HTML文档结构
超文本标记语言的结构包括“头”部分和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
4、用记事本创建自己的第一个网页
<html>
<head></head>
<body>
<h1>Hello world</h1>
</body>
</html>
步骤:
1)新建一个txt文档,并将以上代码复制粘贴到txt文档里
2)将txt文档另存为html格式,文件名为英文,如first.html
3)双击打开html文件,即可在浏览器中查看自己的第一个网页
5、文本标签
1)标题标签:标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。 <h1> 定义最大的标题。<h6> 定义最小的标题。
2)font标签:<font> 规定文本的字体、字体尺寸、字体颜色。(在 HTML 4.01 中,部分标签已被废弃,这里作为练习使用)
语法:<font color="颜色" size="大小" face="字体">文本内容</font>
注意:size属性可能的值:从 1 到 7 的数字。浏览器默认值是 3。
3)其他文本标签:
标签名 | 作用 | 效果 | 语法 |
B | 加粗 | 文本 | <b>文本</b> |
I | 斜体 | 文本 | <i>文本</i> |
U | 下划线 | 文本 | <u>文本</u> |
STRONG | 重点强调(默认效果为加粗) | 文本 | <strong>文本</strong> |
CITE | 引用(默认效果为斜体) | 文本 | <cite>文本</cite> |
SUP | 上标 | <sup>文本</sup> | |
SUB | 下标 | <sub>文本</sub> |
4)特殊符号:
HTML实体 | 特殊符号 | 描述 |
< | < | 小于号 |
> | > | 大于号 |
& | & | &符号 |
® | ® | 己注册 |
© | © | 版权 |
™ | ™ | 商标 |
| 空格 | 空格符 |
" | “ | 引号 |
6、HTML元素
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
开始标签 | 元素内容 | 结束标签 |
---|---|---|
<p> | This is a paragraph | </p> |
<a href="default.htm" > | This is a link | </a> |
<br /> |
更多推荐
HTML+CSS第一课:初识HTML-3个步骤创建自己的第一个html网页
发布评论