前言

本阶段视频自己前后看了两遍，感觉效果还是不错的，鉴于昨天上午整理了一些笔记，对HTML的理解深刻了一些。所以在这篇博文中就不再解释关于HTML一些定义的东西，这篇博文主要记录一些常用标记，为以后Web开发起个好头。

内容

HTML元素的四种形式

<span style="font-family:KaiTi_GB2312;font-size:18px;"><br><!--空元素-->

<hr color="blue"><!--带有属性的元素-->

<title>http://www.sunxin.org</title><!--带有内容的元素-->

<font color="red">http://www.sunxin.org</font><!--带有内容和属性的元素--></span>

文档体

<span style="font-family:KaiTi_GB2312;font-size:18px;"><html><!--开始HTML文档-->

	<head><!--开始文档头部-->

		<title><!--开始文档标题-->

			name

		</title><!--结束文档标题-->

	</head><!--结束文档头部-->

	<body><!--开始文档体-->

		zhoulitong

	</body><!--结束文档体-->

</html><!--结束HTML文档--></span>

提示：

在HTML文档中：

编写HTML时，在某些情况下不按照HTML框架格式，目前我们用的浏览器（例如：IE）能够很好的解析文档。
标签的属性是可选的，可以不写反之也可以。
标签和名字的大小写无关。
给标签赋值的时候，可以加双引号，也可以不加。如下：

<span style="font-family:KaiTi_GB2312;font-size:18px;"><hr color="blue">

<hr color=blue></span>

字体、段落换行、居中的应用

举例子说明：

<span style="font-family:KaiTi_GB2312;font-size:18px;"><html>

	<head><title>静夜思</title></head>

	<body>

	<center><!--居中显示-->

	<h2><font color="red">静夜思</font></h2><!--二级标题-->

		          <b>作者：李白</b><!-- 为空格-->

	<hr color="blue">

	<p>

	<b><i><font color="green" size ="3">窗前明月光，疑是地上霜。<br><!--粗体、斜体3号字显示文本-->

	举头望明月，低头思故乡。</font></i></b>

	</center>

	</body>

<html></span>

显示结果：

列表—建立带有项目符号的列表

disc ——显示为实心的圆圈
square ——显示为实心的方块
circle ——显示为空心的圆圈

举例：

<span style="font-family:KaiTi_GB2312;font-size:18px;"><ol start="10">

	<li>《红楼梦》

	<li>《三国演义》

</ol>

<ol type="I">

	<li>《红楼梦》

	<li>《三国演义》

</ol>

<ol type="a">

	<li>《红楼梦》

	<li>《三国演义》

</ol>

<ul type="disc">

	<li>《红楼梦》

	<li>《三国演义》

</ul>

<ul type="square">

	<li>《红楼梦》

	<li>《三国演义》

</ul>

<ul type="cricle">

	<li>《红楼梦》

	<li>《三国演义》

</ul></span>

一些常用按钮和表格的应用

下面的例子：

<span style="font-family:KaiTi_GB2312;font-size:18px;"><html>

      <body>

	  <form method="get" action="reg.jsp">

                <table>

		<tr>

		<td>用户名：</td>

		<td><input type="text" name="user" value="游客" size ="30"></td>

		</tr>

		<tr>

		<td>密  码：</td>

		<td><input type="password" name="name"></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>个人简历：</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>

	</form>

      </body>

</html></span>

显示结果

小结

1、每次重复都有新的发现，学习就是不断重复的过程。

2、成功有时候贵在实践。

感谢您的宝贵时间~~~

再回首HTML的更多相关文章

再回首，Java温故知新——开篇说明
不知不觉在IT界从业2年了,两年时间足够一个人成长很多,当然也会改变很多事.在这两年时间里,随着对技术的深入了解,知识面的拓展以及工作难度的增大,渐渐的感觉自己技术方面根基不稳,多数问题也只是做到知其 ...
JAVA基础再回首（二十五）——Lock锁的使用、死锁问题、多线程生产者和消费者、线程池、匿名内部类使用多线程、定时器、面试题
JAVA基础再回首(二十五)--Lock锁的使用.死锁问题.多线程生产者和消费者.线程池.匿名内部类使用多线程.定时器.面试题版权声明:转载必须注明本文转自程序猿杜鹏程的博客:http://blog ...
再回首UML之下篇
接着我们上篇博客再回首UML之上篇说,在类图中有四种关系,关联.依赖.泛化.实现,接下来,我们来看看依赖,依赖--描述的是一种使用关系,她说明一个事物的规格说明的变化可能影响到他使用的另一个事物,反之 ...
再回首UML之上篇
UML,统一建模语言,是一种用来对真实世界物体进行建模的标准标记,这个建模的过程是开发面向对象设计方法的第一步,UML不是一种方法学,不需要任何正式的工作产品. UML提供多种类型的模型描述图,当在某 ...
UML——再回首
概述在画图的过程中,发现自己还是有好多不懂的地方,对于四大关系理解的不是特别透彻,所以画图的过程中总是"剪不断,理还乱!"再一次整理四大关系,再回首必然丰收~~~ 1.实 ...
再回首，Java温故知新（一）：Java概述
Java发展历程 Java的发展要追溯到1991年,Patrick Naughton(帕特里克·诺顿)和James Gosling(詹姆斯·高斯林)带领Sun公司的工程师打算为有线电视转换盒之类的消费 ...
再回首，Java温故知新（八）：Java基础之字符串
字符串是Java中使用频率最高的类,但是它却不属于基本类型,而是预定义了String类来表示.从String类的源码可以看到,String是基于char[]实现的,而且Java中的String是不可变 ...
再回首，Java温故知新（七）：Java基础之运算符
常规算数运算符包括+.-.*./.%分别对应着加.减.乘.除.取余,算数运算符所处理的两个数字必须为同种类型,如果是不同类型且无法进行自动类型转换的话必须进行强制类型转换,不过强制类型转换可能会丢失 ...
[二十六]JavaIO之再回首恍然(如梦? 大悟?)
流分类回顾本文是JavaIO告一段落的总结帖希望对JavaIO做一个基础性的总结(不涉及NIO) 从实现的角度进行简单的介绍下面的这两个表格,之前出现过数据源形式 InputStream Ou ...
MySQL数据库再回首
前言: 数据库是程序员的数据源泉,加上近期要开发DB可视化.性能分析的功能重新回顾一下MySQL知识,以下是笔记: MySQL架构 MySQL基础理论 1.什么是关系型数据库? 关系型数据库,这个 ...

随机推荐

Java_基础_01_static和final
二.参考资料 1.java入门之关键字static和final 2.static和final的区别
Abp模块分析
1.什么是模块? 模块化是一种处理复杂系统分解为更好的可管理模块的方式.模块化用来分割,组织和打包软件.每个模块完成一个特定的子功能,所有的模块按某种方法组装起来,成为一个整体,完成整个系统所要求的功 ...
NYOJ-小猴子下落
描述有一颗二叉树,最大深度为D,且所有叶子的深度都相同.所有结点从左到右从上到下的编号为1,2,3,·····,2的D次方减1.在结点1处放一个小猴子,它会往下跑.每个内结点上都有一个开关,初始全部 ...
Maven 将jar导入本地maven仓库
目录环境变量配置maven 执行一下命令即可诚邀访问我的个人博客:我在马路边更好的阅读体验点击查看原文:Maven将jar倒入本地maven仓库原创博客,转载请注明出处 @ 在Java项目开发 ...
比线程更NB的存在
阅读目录一引子二协程介绍三 Greenlet模块四 Gevent模块引子之前我们学习了线程.进程的概念,了解了在操作系统中进程是资源分配的最小单位,线程是CPU调度的最小单位.按道理来 ...
poj 2187 Beauty Contest —— 旋转卡壳
题目:http://poj.org/problem?id=2187 学习资料:https://blog.csdn.net/wang_heng199/article/details/74477738 h ...
mysql du-master配置
db-server1 my.cnf log_bin = mysql-binbinlog_format = mixedserver_id = 1 read-only = 0#binlog-do-db = ...
一 Optional
从Java8 引入的一个很有趣的特性是Optional类.Optional类主要解决的问题是臭名昭著的空指针异常(NullPointerException). 一: 创建Optional对象: ...
RS485总线防雷保护方案
RS485作为最为最常用的电表通讯方式之一.日常生活中雷电和静电干扰已经成为485通信总线在实际工程经常遇到的问题.故如何对芯片以及总线进行有效的保护,是摆在每一个使用者面前的一个问题.在这里,我们主 ...
Nmap几个常用的参数
Nmap扫描端口的6种状态: open:端口是开放的 closed:端口是关闭的 filtered:端口被防火墙IDS/IPS屏蔽,无法确定其状态 unfiltered:端口没有被屏蔽,但要进一步确定 ...

再回首HTML

前言

内容

HTML元素的四种形式

文档体

字体、段落换行、居中的应用

举例子说明：

显示结果：

列表—建立带有项目符号的列表

举例：

一些常用按钮和表格的应用

下面的例子：

显示结果

小结

再回首HTML的更多相关文章

随机推荐

热门专题