HTML总结（1）

最新推荐文章于 2024-03-18 12:09:27 发布

HarveyHarveyHarvey

最新推荐文章于 2024-03-18 12:09:27 发布

阅读量378

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/wanghuawei19930812/article/details/73864226

版权

前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

这几天对HTML中的一些标签进行了初步的学习，本来不想总结的但是不总结总觉得心里少点什么，而且感觉什么都没学到似得，所以我就对一些标签进行了一些基本的操作。那么什么是HTML呢？HTML（Hypertext Markup Language）超文本标记语言，Web页面也是一种文档，HTML就是用于编写这种文档的一种标记语言。

网页文档的结构和格式的定义是由HTML元素来完成的，HTML元素是由单个或一对标签定义的包含范围。

HTML框架：

HTML的导图：

部分标签的实例：

<html>
	<head><title>静夜思</title>
	<!--文本标签-->
		<body>
		<center>
		<font color="red"><h2>静夜思<br></h2><font>
		作者：李白<br>
		<b>
		<i>
		<font color="green">床前明月光，疑似地上霜。<br>
		举头望明月，低柔思故乡。
		</font>
		</i>
		</b>
		</center>

		<!--列表标签-->
		<!--<ol>没有使用start属性 -->
		<ol>
			<li>《Java从入门到精通》
			<li>《Jsp快速入门》
			<li>《VC++深入编程》
			<li>《VB教程》
			<li>《C++系统编程》
			<li>《C#从入门到精通》
		</ol>
		
		<!--<ol>使用了start的属性-->
		<ol start="10">
			<li>《Java从入门到精通》
			<li>《Jsp快速入门》
			<li>《VC++深入编程》
			<li>《VB教程》
			<li>《C++系统编程》
			<li>《C#从入门到精通》
		</ol>
		
		<!--<ol>使用type属性(指定编号的格式和顺序)-->
		<ol type="a">
			<li>《Java从入门到精通》
			<li>《Jsp快速入门》
			<li>《VC++深入编程》
			<li>《VB教程》
			<li>《C++系统编程》
			<li>《C#从入门到精通》
		</ol>
		<ol type="A">
			<li>《Java从入门到精通》
			<li>《Jsp快速入门》
			<li>《VC++深入编程》
			<li>《VB教程》
			<li>《C++系统编程》
			<li>《C#从入门到精通》
		</ol>
		
		<!--<ul>和<li>标签创建带有项目符号的列表<ul>的type属性-->
		<!--disc是代表实心圆圈 -->
		<ul type="disc">
			<li>《Java从入门到精通》
			<li>《Jsp快速入门》
			<li>《VC++深入编程》
			<li>《VB教程》
			<li>《C++系统编程》
			<li>《C#从入门到精通》
		</ul>
		<!--square代表空心方块-->
		<ul type="square">
			<li>《Java从入门到精通》
			<li>《Jsp快速入门》
			<li>《VC++深入编程》
			<li>《VB教程》
			<li>《C++系统编程》
			<li>《C#从入门到精通》
		</ul>
		<!--circle显示空心的圆圈-->
		<ul type="circle">
			<li>《Java从入门到精通》
			<li>《Jsp快速入门》
			<li>《VC++深入编程》
			<li>《VB教程》
			<li>《C++系统编程》
			<li>《C#从入门到精通》
		</ul>
		<!--列表-建立无符号的列表-->
		<!--<dl>和<dt>建立无符号列表-->
		<dl>
			<dt>《Java从入门到精通》
			<dt>《Jsp快速入门》
			<dt>《VC++深入编程》
			<dt>《VB教程》
			<dt>《C++系统编程》
			<dt>《C#从入门到精通》
		</dl>
		<!--<dl>和<dd>建立缩进列表-->
		<dl>
			<dd>《Java从入门到精通》
			<dd>《Jsp快速入门》
			<dd>《VC++深入编程》
			<dd>《VB教程》
			<dd>《C++系统编程》
			<dd>《C#从入门到精通》
		</dl>
		<!--建立术语列表;在<dl>中使用<dt><dd>标签建立术语列表，<dt>指术语<dd>指说明-->
		<dl>
			<dt>HTML
			<dd>超文本连接语言
			<dt>HTTP
			<dd>超文本传输协议
			<dt>华伟
			<dd>天赋吉运程序员
		</dl>
		</body>
	
	</head>
</html>

效果图：