HTML常用标签之格式标签

首先我们把HTML的常用标签分为一下几类: 格式标签, 文本标签, 超链接标签, 锚点标签, 图像标签, "地图"标签.

一. 格式标签

1. 作用: 用于定义网页中的布局, 缩进, 位置, 换行列等等

2. 各属性作用:   <hr> <!-- 水平分割线 -->

<br> <!-- 换行 -->

<p></p> <!-- 段落 -->

<center></center> <!-- 居中 -->

<pre> <!-- 保留文字在源代码中的格式 -->

<ul><li></li></ul><!-- 无序列表 -->

<ol><li></li></ol><!-- 有序列表 -->

3.代码实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="description"content="Basic HTML5 App generated by MyEclipse Mobile Tools" />

<!-- 格式标签用于定义网页中文本的布局, 缩进 , 位置, 换行列等等 -->
<title>格式标签</title>

<script type="text/javascript" src="rte/cordova.js"></script>
<script type="text/javascript" src="rte/rte.js"></script>

<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<a href="Main.html">返回主页</a>
<hr>
	aaaaaaaaaaaa
	bbbbbbbbbbbb
	cccccccccccc

	<hr> <!-- 水平分割线 -->

	aaaaaaaaaaaa<br> <!-- 换行 -->
	bbbbbbbbbbbb<br>
	cccccccccccc<br>

	<hr>

	<p>ddddddddddd</p> <!-- 段落 -->
	<p style="color: blue;">ddddddddddd</p>
	<p align="center" style="color: green;">ddddddddddd</p>
	<p>zzzzzzzzzzz</p>

	<hr>

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

	<hr>

	eee   fff   ggg   hhh
	   iii   jjj   kkk

	<hr>

	<pre> <!-- 保留文字在源代码中的格式 -->
		eee   fff   ggg   hhh
			iii   jjj   kkk
	</pre>   

	<hr>

	<!-- 无序列表 -->
	<ul>
		<li>列表项
			<ul>
				<li>项目1</li>
				<li>项目2</li>
				<li>项目3</li>
				<li>项目4</li>
				<li>项目5</li>
			</ul>
		</li>
	</ul>

	<!-- 有序列表 -->
	<ol>
		<li>列表项
			<ol>
				<li>项目1</li>
				<li>项目2</li>
				<li>项目3</li>
				<li>项目4</li>
				<li>项目5</li>
			</ol>
		</li>
	</ol>
</body>
</html>

时间: 2024-10-28 19:39:57

HTML常用标签之格式标签的相关文章

HTML常用标签之超链接标签

前面学习过了格式标签和文本标签, 本章开始学习超链接标签 三. 超链接标签 1. 分类: 超链接标签分为相对URL和绝对URL 2. 作用: 相对URL: 指向站点内的某个文件(例如: 跳转到xxx.html) 绝对URL: 指向另一个站点 (例如: 跳转到http://www.baidu.com) 3. 属性作用: <a href=" "></a> <!-- 提供 href 属性或 name 属性, 标签的 href 属性用于指定超链接目标的 URL -

适合0基础的web开发系列教程-文本格式标签汇总

html标签主要是起结构的作用,布局的效果主要靠css完成,比如颜色.背景.字体大小.对齐等. 不过html标签中也有一些常用的文本格式化标签,能对文本内容进行简单的格式设置. 比如加粗文字.定义斜体.定义小号字.下划线.删除线.上标和下标等. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>夜鹰教程网</title> </head>

html常用标签(form标签)

一.form标签 form标签是html标签中非常重要的一个标签.常用于注册.登录页面的使用. <form action="提交地址" method="提交方式"> </form> 注:method的值有两个.get(默认值)和post.get数据安全性没有post高.post的速度没有get快. form常用的元素: 1.文本框 <input type="text"/> 2.密码框 <input typ

fmt 国际化格式标签库(读取application.properties文件)

国际化格式标签库包括国际化,消息和数字日期格式化: (1) 国际化:<fmt:setLocale> <fmt::requestEncoding> 如: <%@ page language="java" contentType="text/html; charset=gb2312" import="java.util.*"%> <%@ taglib prefix="c" uri=&quo

jQuery常用的方法和标签总结01(有代码示例)

//jQuery的优点 :         1 轻量级        2 强大的选择器        3 出色的DOM操作的封装        4 可靠的事件处理机制        5 完善的Ajax        6 不污染顶级变量        7 出色的浏览器兼容性        8 链式操作方式        9 隐式迭代        10 行为曾与结构层的分离        11 丰富的插件支持        12 完善的文档        13 开源 <script src="

JSTL I18N 格式标签库

<%@ page language="java" pageEncoding="gbk"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> &l

Jstl之核心标签库与格式标签库使用

JSTL(JSP Standard Tag Library.JSP标准标签库)是一个不断完好的开放源码的JSP标签库.是由apache的jakarta小组来维护的.JSTL仅仅能运行在支持JSP1.2和Servlet2.3规范的容器上,如tomcat 4.x.在JSP 2.0中也是作为标准支持的. JSTL 1.0 公布于 2002 年 6 月,由四个定制标记库(core.format.xml 和 sql)和一对通用标记库验证器(ScriptFreeTLV 和 PermittedTaglibsT

PHP标签的格式

PHP标签的格式: 1.xml格式(推荐的,标准的标记) <?php????php代码?> 示例: 2.短格式 <? php代码 ?> 此种格式需要在php.ini中配置 示例: 3.asp格式 <% php代码 %> 需要在php.ini中开启 示例: 4.脚本格式 <script language='php'></script> 示例:

我们常用的在a标签中有点击事件

我们常用的在a标签中有点击事件:1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放.W3C标准不推荐在href里面执行javascript语句 2. a href="javascript:void(0);"