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. Peeking into Apache Flink's Engine Room

    http://flink.apache.org/news/2015/03/13/peeking-into-Apache-Flinks-Engine-Room.html   Join Processin ...

  2. java ObjectOutputStream

    import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import ...

  3. nrf51822裸机教程-硬件timer

    该讲介绍51822的Timer/Counter模块工作在timer模式下(定时器模式,还可以工作为计数器模式) 如何操作 51822的Timer/Counter结构如下图所示 Timer模块从PCLK ...

  4. random and password 在Linux下生成crypt加密密码的方法,shell 生成指定范围随机数与随机字符串

    openssl rand -hex n (n is number of characters) LANG=c < /dev/urandom tr -dc _A-Z-a-z-0-9 | head ...

  5. 那些证书相关的玩意儿(SSL,X.509,PEM,DER,CRT,CER,KEY,CSR,P12等)[zz]

    openssl dgst –sign privatekey.pem –sha1 –keyform PEM –c c:\server.pem 将文件用sha1摘要,并用privatekey.pem中的私 ...

  6. 用Java操作树莓派!pi4j简介与安装

    简介 对C不熟?习惯了使用java不想换语言,但又想操作树莓派?想一边喝咖啡,一边吃树莓派蛋糕?快来使用pi4j吧! pi4j旨在为java开发者提供面友好的面向对象的API,来操控树莓派.pi4j对 ...

  7. python 中del 的用法

    python中的del用法比较特殊,新手学习往往产生误解,弄清del的用法,可以帮助深入理解python的内存方面的问题. python的del不同于C的free和C++的delete. 由于pyth ...

  8. php---将数组转化为数组对象

    例子:array(1){ [0]=>array( 'id'=>111, 'name'=>'aaaa' ) } 由上面的例子转化成下面对象,怎么转化?急急 急 谢谢array(1) { ...

  9. 在sublime中使用less

    高亮显示: 可以在Less文件中显示语法高亮,这样看起来会更舒服一些. 按下Ctrl+Shift+P调出命令面板:输入install调出Install Package选项并回车:输入less,选中并安 ...

  10. QRadioButton

    #include "dialog.h" #include "ui_dialog.h" #include <QtCore> #include < ...