HTML部分标签和代码
1.1.1 一般标签、格式控制标签
所谓HTML就是 Hyper Text Markup Language(超无文本标记语言)
<html> 开始标签
<head> 网页上的控制信息
<title>页面标题<title>
</head> 结束“开头”标签
<body> 开始正文标签
</body>结束正文标签
</html> 结束标签
body的属性 bgcolor 页面背景颜色
text 文字颜色
topmargin 上页边距
leftmargin 左页边距
rightmargin 右页边距
bottommargin 下页边距
background 背景壁纸
<font color=“”> 字体颜色
face=“” 字体(宋体可能需要自主添加)
size=“” 字体大小
<b> </b> 字体加粗
<i> </i> 字体倾斜
<u> </u> 下划线
<strong> <strong> 字体加粗
<em> </em> 字体倾斜
<center> </center> 居中
<br>或<br /> 相当于回车换行(右shift+回车 实现)
 ; 空格(ctrl+shift+空格 实现)
1.1.2 内容容器标签
<h1></h1>……<h6></h6> 标题(会自动换行,前后自动留空行)。HTML标题是通过<h1>-<h6>等标签进行定义的
<p></p> 段落标签(段落之间空行)
<div></div> 层标签(默认占一行)
<span></span> 层标签(默认有多大空间就占多大)
<ol type=“1”></ol> 有序列表,序号可换
<li>序号1</li>
<ul type=“1”></ul> 无序列表,没有序号
<li>第一行</li>
1.2 常用标签
超链接标签
<a href=“超链接地址” > </a> 可添加 target=“”(new和blank是在新页面中打开网页)
连接到本页面某位置第一步做锚点的标签 <a name=“标签的值”> </a> 第二步做锚点的连接 <a href=“标签的值”> </a>
图片标签
<img src=“图片地址”> (alt=“文字” 显示文字)(width=“”和height=“”可以设置宽和高,设置一个即可)
1.3 表格和表单
1.3.1 表格
<table></table> 表格
表格里的属性 width 宽度(用像素或百分比表示)
border 边框粗细 0为没有边框
cellpadding 内容单元格边框的边距。一般都设为0
cellspacing 单元格之间的间距。一般都设为0
aling 对齐方式
bgcolor 背景色
background 背景图片
<tr></tr> 行
align 一行内容水平对齐方式
valign 一行的内容垂直对齐方式
height 行高
bgcolor 背景色
background 背景图片
<td></td> 列
<th></th> 表头 单元格的内容自动居中加粗
align 一行内容水平对齐方式
valign 一行的内容垂直对齐方式
height 行高
bgcolor 背景色
background 背景图片
width 单元格宽度
单元格合并 colspan=“n” n就是合并的行数(第二列记得减去相应的行)
rowspan=“n” n就是合并的列数(第二行记得开始减去相应的列)
HTML部分标签和代码的更多相关文章
- php有效的过滤html标签,js代码,css样式标签
过滤html标签�php中太简单了,我们可以直接使用strip_tags函数来实现了,下面给各位整理了一些关于 strip_tags函数的例子. php过滤html的函数:strip_tags(str ...
- Web前端设计:Html强制不换行<nobr>标签用法代码示例
在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容.这就可以nobr标签来实现.它起到的作用与word-break:keep-all 是一样的.nobr 是 ...
- 使用JS或jQuery模拟鼠标点击a标签事件代码
原文 使用JS或jQuery模拟鼠标点击a标签事件代码 这篇文章主要介绍了使用JS或jQuery模拟鼠标点击a标签事件代码,需要的朋友可以参考下 <a id="alink" ...
- Salesforce 自定义标签在代码中的应用
自定义标签简介 Salesforce 中自定义标签(Custom Label)的作用是存储一般性的文本,可以用于 Apex.Visualforce 页面.Lightning 组件等地方,用于显示提示信 ...
- s2-029 Struts2 标签远程代码执行分析(含POC)
1.标签介绍 Struts2标签库提供了主题.模板支持,极大地简化了视图页面的编写,而且,struts2的主题.模板都提供了很好的扩展性.实现了更好的代码复用.Struts2允许在页面中使用自定义组件 ...
- Git打标签、还原到具体标签版本代码
1.打标签:(在需要合并的分支上先打一个标签,方便回滚) $ git tag 标签名 -----此标签将打在本地,还需要推送至远程仓库 $ git push origin 标签名 -----此步骤执行 ...
- Python自动化之下拉框,隐藏标签定位 代码&报错解决
python自动化:下拉框定位方法之select标签 style="display: none;" 报错 selenium.common.exceptions.ElementNo ...
- asp.net正则表达式删除指定的HTML标签的代码
抓取某网页的数据后(比如描述),如果照原样显示的话,可能会因为它里面包含没有闭合的HTML标签而打乱了格式,也可能它里面用了比较让人 费解 的HTML标签,把预订的格式搅乱. 如果全盘删除里面的 HT ...
- Jquery Validate不是用submit按钮提交表单,使用a标签js代码都可以
不多说,上代码. $("#form").validate(); $("#btn").click(function() { if($("#form&qu ...
随机推荐
- qTip2 精致的jQuery提示信息插件
qTip2 精致的jQuery提示信息插件 出处:http://www.cnblogs.com/lwme/archive/2012/02/16/qtip2-jquery-plugin.html ...
- hibernate manytoone中的lazy EAGER
Hibernate中的字段映射中的Fetch有两种方式:EAGER和LAZY Eager:全部抓取 Lazy:延迟抓取 如果在字段中声明为Eager,那么在取得当前Bean时,同时会抓取Bean中的关 ...
- css spprite应用
(一)实现简单的淘宝带图标侧边栏效果 <!DOCTYPE html> <html lang="en"> <head> <meta char ...
- Magento的迁移方法
Magento有很多配置内容,比如说CMS配置页.Static Stock.多语言配置等等,所以做数据迁移很有必要性,下面就说说如何做迁移 这个技术文章是从网上整理的,不过一个很重要的点被疏忽了,我在 ...
- MVC中@Html.DisPlayFor(model=>model.newsName)和 @Model.newsName的区别
MVC中,在Controllers查询到数据,返回一个实体给View并显示,可以用@Html.DisPlayFor(model=>model.newsName)和 @Model.newsName ...
- placeholder兼容
<!------------placeholder兼容-------------><script type="text/javascript"> $( ...
- Spring中的@response和@request注解
@response 标注对象返回的格式为json文本 @requestBody将json对象转换为对应的java类
- linux安装MySQL5.7.13(二进制|源码)
二进制和源码版本安装MySQL5.7.13,并简单介绍不同之处. 一.通用二进制部分 1.下载MySQL通用二进制软件包.[root@node1 ~]# wget http://120.52.72.2 ...
- App开发需要了解的基本技术
本文针对小白用户对App做一个简单的介绍,首先要了解App都有哪些类型,不同的类型适用于哪些需求,用户可以根据自己的需求选择不同的App开发. 一 App有哪些形式 WebApp:简单来说,Web A ...
- Hibernate三种状态的转换
hibernate的状态 hibernate的各种保存方式的区(save,persist,update,saveOrUpdte,merge,flush,lock)及 对象的三种状态 hibernate ...