HTML简单了解

最新推荐文章于 2023-09-06 08:30:00 发布

肖雅峰

最新推荐文章于 2023-09-06 08:30:00 发布

阅读量174

点赞数 1

分类专栏： HTML

本文链接：https://blog.csdn.net/xyf13920745534/article/details/85386252

版权

HTML 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

HTML是什么

HTML（HypeText Markup Language）是一种超文本标记语言，是标准通用标记语言下的一个应用，它不仅是一种为“网页创建和其他可在网页浏览器中看到的信息”设计的一种标记语言，同时它更是一种规范，一种标准，它通过标记符号来标记要显示网页中的各个部分。

其实我们所看到的各个网页本质上是文本文件，但是通过HTML语言元素的结合，在文本文件中添加各种各样的标记符，使得浏览器的按照一定的方式（文本如何显示，图片如何显示，链接如何运用）读取网页，最后变成我们所看到的网页。简单来讲，HTML就像是一种修饰，它修饰我们本身的文本文件让我们的文本显示的更加能够让人接受。

HTML标签

网页文档的结构和格式的定义时由HTML元素来完成的，HTML元素是有单个或一对标签定义的包含范围。一个标签就是左右分别有一个“<”和一个“>”组成的字符串。

HTML标签的具体应用

框架（必填项）

<html>
    <head>
        <title>
        此处填入文档标题
        </title>
    </head>
    <body>
    此处填入正文内容
    </body>
</html>

段落控制

标签	功能
<p algin="#">	创建一个段落，属性algin表示段的对齐方式（left，right，center，justify）
<br>	换行
<hr color="clr">	水平线，clr制定颜色的名字可以是具体颜色也可以是16进制数

文本显示

标签	功能
<center></center>	文本居中
<hn algin="#" ></hn>	文本以标题格式显示，n代表标题级数，algin对齐方式：center、left、right
<font size=n color="clr"> </font>	字体格式，size表示大小，clr表示颜色
<b></b>	使文本变成粗体
<i></i>	使文本变成斜体

实例

建立列表

标签	功能
<ol><li></li></ol>	建立数字编号列表
<ul><li></li></ul>	建立项目符号列表
<dl><dt></dt></dl>	建立无符号列表

实例

<ol>
	<li>《Java从入门到精通》
	<li>《JSP快速入门》
	<li>《VC++深入编程》
	<li>《VB实验教程》
	<li>《C++基础教程》
</ol>
<ul>
	<li>《Java从入门到精通》
	<li>《JSP快速入门》
	<li>《VC++深入编程》
	<li>《VB实验教程》
	<li>《C++基础教程》
</ul>
<dl>
	<dt>《Java从入门到精通》
	<dt>《JSP快速入门》
	<dt>《VC++深入编程》
	<dt>《VB实验教程》
	<dt>《C++基础教程》
</dl>

表格

<table></table>	创建表格
<caption></caption>	定义表格标题
<tr></tr>	添加新行
<th></th>	定义表头
<td></td>	定义单元格

实例

<html>
	<head><title>表格的例子</title></head>
	<body>
		<table border="1" align="center" bgcolor="#ffdddd">
			<caption>2004年度期末考试成绩单</caption>
·			<tr align="center" valign="middle">
				<th>姓名</th>
				<th>语文</th>
				<th>数学</th>
				<th>英语</th>
			</tr>
			<tr align="center" valign="middle">
				<td>张三</th>
				<td>98</th>
				<td>80</th>
				<td>79</th>
			</tr>
			<tr align="center" valign="middle">
				<td>李四</th>
				<td>97</th>
				<td>76</th>
				<td>69</th>
			</tr>
			<tr align="center" valign="middle">
				<td>王五</th>
				<td>99</th>
				<td>78</th>
				<td>54</th>
			</tr>
		</table>
	</body>
</html>

表单及其控件

<form></form>	创建表单
<input></input>	接受输入信息
<select></select>	列表框
<textarea></textarea>	多行文本输入

实例

<html>
	<head><title>表单的例子</title></head>
	<body>
		<form method="get" action="reg.jsp">
			<table>
				<tr>
					<td>用户名：</td>
					<td><input type="text" name="user" value="游客" size="10"></td>
				</tr>				
				<tr>
					<td>密码：</td>
					<td><input type="password" name="pwd"></td>
				</tr>
				<tr>
					<td>性别：</td>
					<td>
						<input type="radio" name="sex" value="1" checked>男
						<input type="radio" name="sex" value="0" >女
					</td>
				</tr>
				<tr>
					<td >兴趣爱好：</td>
					<td>
						<input type="checkbox" name="interest" value="football">足球
						<input type="checkbox" name="interest" value="basketball">篮球
						<input type="checkbox" name="interest" value="volleyball">排球
						<input type="checkbox" name="interest" value="swim">游泳
					</td>
				</tr>
				<tr>
					<td>最高学历：</td>
					<td>
						<select size="1" name="education">
							<option value="" selected>...</option>
							<option value="高中" >高中</option>
							<option value="大学" >大学</option>
							<option value="硕士" >硕士</option>
							<option value="博士" >博士</option>
						</select>
					</td>
				</tr>
				<tr>
					<td valign="top">个人简介：</td>
					<td><textarea name="personal" rows="5" cols="30">个人简介</textarea></td>
				</tr>
				<tr>
					<td><input type="reset" value="重写"></td>
					<td><input type="submit" value="注册"></td>
				</tr>
			</table>			
		</form>
	</body>
</html>

肖雅峰

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
11
评论
HTML简单了解

HTML是什么HTML（HypeText Markup Language）是一种超文本标记语言，是标准通用标记语言下的一个应用，它不仅是一种为“网页创建和其他可在网页浏览器中看到的信息”设计的一种标记语言，同时它更是一种规范，一种标准，它通过标记符号来标记要显示网页中的各个部分。其实我们所看到的各个网页本质上是文本文件，但是通过HTML语言元素的结合，在文本文件中添加各种各样的标记符，使得...
复制链接

扫一扫