网络编程之HTML语言基础
一、HTML简介
HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标记语言”。是用来描述网页的一种语言。所谓超文本,因为它可以加入图片、声音、动画、多媒体等内容,不仅如此,它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。
HTML 不是一种编程语言,而是一种标记语言 (markup language)
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容
二、HTML标签
2.1标签格式
1. 有尖括号包围关键字,如:<html>
2. 通常成对存在,如:<body> </boby>
3. 上面的标签(不带/的)叫做开始标签,后面的标签(带/的)是结束标签
2.2 标签的分类
单标签:也称空标签, <标签名 /> 如:<br/> <meta>
双标签:成对存在 , <标签名> 内容 </标签名> 如: <h1>标题1</h1>
2.3常用标签
补充:
全局属性 - HTML(超文本标记语言) | MDN
(1)标题标签
<h1>–<h6> 标题 (Heading) 元素呈现了六个不同的级别的标题,<h1> 级别最高,而 <h6> 级别最低。
格式: <h数字>标题文本</h数字>
例:
![]()
属性:
这个元素包含全局属性。
(2)段落标签
一个段落中会根据浏览器窗口的大小自动换行
格式:<p> 文本内容 </p>例:![]()
属性:
这个元素包含全局属性。
(3)换行标签
格式:<br />属性:
这个元素包含全局属性。
(4)块标签
是一个块级元素,可以把文档分割为独立的、不同的部分,可以在div中嵌套别的标签
注:可以给div设置class或id,通过选择器设置属性,则内部成员具有相同属性
属性:
这个元素包含全局属性。
(5)表单标签 :input
单标签,用于输入,
格式:<input type=” ” name=” ” value=” ” id=” ”.....>
例:
属性:
<input> 元素包含的属性包含全局的 HTML 属性和一些额外属性
<input>:输入(表单输入)元素 - HTML(超文本标记语言) | MDN