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. qTip2 精致的jQuery提示信息插件

    qTip2 精致的jQuery提示信息插件    出处:http://www.cnblogs.com/lwme/archive/2012/02/16/qtip2-jquery-plugin.html ...

  2. hibernate manytoone中的lazy EAGER

    Hibernate中的字段映射中的Fetch有两种方式:EAGER和LAZY Eager:全部抓取 Lazy:延迟抓取 如果在字段中声明为Eager,那么在取得当前Bean时,同时会抓取Bean中的关 ...

  3. css spprite应用

    (一)实现简单的淘宝带图标侧边栏效果 <!DOCTYPE html> <html lang="en"> <head> <meta char ...

  4. Magento的迁移方法

    Magento有很多配置内容,比如说CMS配置页.Static Stock.多语言配置等等,所以做数据迁移很有必要性,下面就说说如何做迁移 这个技术文章是从网上整理的,不过一个很重要的点被疏忽了,我在 ...

  5. MVC中@Html.DisPlayFor(model=>model.newsName)和 @Model.newsName的区别

    MVC中,在Controllers查询到数据,返回一个实体给View并显示,可以用@Html.DisPlayFor(model=>model.newsName)和 @Model.newsName ...

  6. placeholder兼容

    <!------------placeholder兼容-------------><script type="text/javascript">    $( ...

  7. Spring中的@response和@request注解

    @response 标注对象返回的格式为json文本 @requestBody将json对象转换为对应的java类

  8. linux安装MySQL5.7.13(二进制|源码)

    二进制和源码版本安装MySQL5.7.13,并简单介绍不同之处. 一.通用二进制部分 1.下载MySQL通用二进制软件包.[root@node1 ~]# wget http://120.52.72.2 ...

  9. App开发需要了解的基本技术

    本文针对小白用户对App做一个简单的介绍,首先要了解App都有哪些类型,不同的类型适用于哪些需求,用户可以根据自己的需求选择不同的App开发. 一 App有哪些形式 WebApp:简单来说,Web A ...

  10. Hibernate三种状态的转换

    hibernate的状态 hibernate的各种保存方式的区(save,persist,update,saveOrUpdte,merge,flush,lock)及 对象的三种状态 hibernate ...