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+回车 实现)

&nbsp;  空格(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部分标签和代码的更多相关文章

  1. php有效的过滤html标签,js代码,css样式标签

    过滤html标签�php中太简单了,我们可以直接使用strip_tags函数来实现了,下面给各位整理了一些关于 strip_tags函数的例子. php过滤html的函数:strip_tags(str ...

  2. Web前端设计:Html强制不换行<nobr>标签用法代码示例

    在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容.这就可以nobr标签来实现.它起到的作用与word-break:keep-all 是一样的.nobr 是 ...

  3. 使用JS或jQuery模拟鼠标点击a标签事件代码

    原文 使用JS或jQuery模拟鼠标点击a标签事件代码 这篇文章主要介绍了使用JS或jQuery模拟鼠标点击a标签事件代码,需要的朋友可以参考下 <a id="alink" ...

  4. Salesforce 自定义标签在代码中的应用

    自定义标签简介 Salesforce 中自定义标签(Custom Label)的作用是存储一般性的文本,可以用于 Apex.Visualforce 页面.Lightning 组件等地方,用于显示提示信 ...

  5. s2-029 Struts2 标签远程代码执行分析(含POC)

    1.标签介绍 Struts2标签库提供了主题.模板支持,极大地简化了视图页面的编写,而且,struts2的主题.模板都提供了很好的扩展性.实现了更好的代码复用.Struts2允许在页面中使用自定义组件 ...

  6. Git打标签、还原到具体标签版本代码

    1.打标签:(在需要合并的分支上先打一个标签,方便回滚) $ git tag 标签名 -----此标签将打在本地,还需要推送至远程仓库 $ git push origin 标签名 -----此步骤执行 ...

  7. Python自动化之下拉框,隐藏标签定位 代码&报错解决

    python自动化:下拉框定位方法之select标签  style="display: none;" 报错 selenium.common.exceptions.ElementNo ...

  8. asp.net正则表达式删除指定的HTML标签的代码

    抓取某网页的数据后(比如描述),如果照原样显示的话,可能会因为它里面包含没有闭合的HTML标签而打乱了格式,也可能它里面用了比较让人 费解 的HTML标签,把预订的格式搅乱. 如果全盘删除里面的 HT ...

  9. Jquery Validate不是用submit按钮提交表单,使用a标签js代码都可以

    不多说,上代码. $("#form").validate(); $("#btn").click(function() { if($("#form&qu ...

随机推荐

  1. kafka监控系统

    Metrics-Java版的指标度量工具之一 Metrics-Java版的指标度量工具之二 JAVA Metrics 度量工具使用介绍1 JAVA Metrics度量工具 - Metrics Core ...

  2. Delphi XE5 如何与其他版本共存

    如果你想使用Delphi诸如XE4.XE3.XE2.XE之类的版本跟Delphi XE5共存的话,在cglm.ini中简单修改两行就行啦. 找到Delphi XE5的安装根目录C:\Program F ...

  3. Java ArrayListSerialise

    import java.io.*; import java.util.*; //ArrayListSerialise public class A { public static void main( ...

  4. SQL SERVER中非聚集索引的覆盖,连接,交叉,过滤

    1.覆盖索引:select和where中包含的结果集中应存在“非聚集索引列”,这样就不用查找基表了,索引表即可搞定:   2.索引交叉:索引的交叉可以理解成建立多个非聚集索引之间的join,如表实体一 ...

  5. express 查看版本号

    新安装了express,但是当查看版本号输入: express -v 时出现如下错误: 网上查找了相关资料才发现express查看版本 的命令是 express -V (即V大写) 再次尝试: 发现同 ...

  6. LightOj1388 - Trapezium Drawing(求梯形点的坐标)

    题目链接:http://lightoj.com/volume_showproblem.php?problem=1388 题意:已知梯形的点A B的坐标,以及b c d的长度,求C D两点的坐标:默认A ...

  7. iOS Block传值

    上个月,针对block恶补了一下,以为自己全部掌握了,其实不尽然. 昨天项目中在下载的时候用到,自己竟然不知道该从何下手,惭愧~ 情景是这个样子的:我写了个下载类,阴老师在调用时,将参数(sid,UR ...

  8. Opencv + vs2012环境配置

    首先获得最新的Opencv 2.4.10源码:opencv源码下载 一.Opencv环境变量配置 1.将源码安装到制定目录: 2.为Opencv 添加环境变量:计算机-->属性 点击高级系统设置 ...

  9. How to Iterate Map

    常用iterate 方法 Map<Integer, String> m = new HashMap<Integer, String>(); for(Map.Entry<I ...

  10. iOS:创建Siri 功能

    前奏: iOS 10 出来之后,我们开发者也可以使用类似Siri的功能.它是使用Siri里面的一个语音识别框架Speech framework来处理siri的.现在, 让我们来看看 一些 主要的代码吧 ...