html(HyperText Markup Language),翻译为超文本标记语言。
html也是一种语言,它是用来标记网页信息如何显示的语言,它是web编程的基础。简单来说,它就是网页所用和所能识别的语言。
html语言的语法非常简单,它的基本组成结构是元素。如下,就是一个元素:
<html>
<body>
<p>Hello World!</p>
</body>
</html>
其中<p>
是开始标签,</p>
是结束标签,它们之间的文本Hello World!被称为内容。
上述从开始标签到结束标签中所有的内容,包括标签本身,称为元素,元素可以嵌套在元素中。
标签之中还可以添加属性,属性用来修饰内容,以实现不同的渲染结果。
例如最常见的超链接:
<a href="http://www.12306.cn">12306网站</a>
效果如下
12306网站
<a>
是超链接的标签,href被称为属性,属性值为后续的字符串,是超链接跳转到的域名,如果没有这一属性,也会有超链接的效果,但是没有目的地,无法跳转,效果如下:
12306网站
其实html语言就是一个一个的元素构成的,元素中包含属性,许多元素最终使得浏览器将其渲染成内容丰富的网页。
常用的html标签:
<p>
:段落,表示显示其中文本内容并换行
<h1>
到<h6>
:不同大小的标题
<b>
或者<strong>:
表示粗体,strong粗体同时还代表该段文本较为重要
<i>
或者<em>
:表示斜体,em还表示语义上的加重,常常用于引入新术语的时候
<pre>
:预格式,用于按照标签中写好的格式显示内容
<del>
:删除效果
<ins>
:下划线标签
<img src="相对路径或者绝对路径">
:该标签用于显示图片。
<a href="域名">
:这是一个空白超链接
<table>
:展示一个表格,可以用border属性设置边框,width属性设置宽度
<ul>
:无序列表
<ol>
:有序列表
<font color = "red" size="+2">
:这是红色的+2号字体 其中color设置属性,size设置大小
<iframe src="12306.cn/" width="320px" height="180px"></iframe>
:内联框架,在浏览器中显示浏览器
<input type="text" size="10" value="初始值">
:文本框
<input type="password">
:密码框
<form>
:表单,用于向服务器提交信息,用法较为复杂。一般同时使用的还有提交按钮等。