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. Mysql Cluster配置基本篇

    一.下载mysql-cluster 从mysql官网下载对应的mysql-cluster 二.配置管理节点 1.解压mysql-cluster,找到解压文件中的ndb_mgm和ndb_mgmd 2.复 ...

  2. Gender, Genre, and Writing Style in Formal Written Texts

    http://u.cs.biu.ac.il/~koppel/papers/male-female-text-final.pdf Abstract.  This  paper  explores  di ...

  3. Two's complement

    https://en.wikipedia.org/wiki/Two's_complement The two's-complement system has the advantage that th ...

  4. Mysql 安装问题排查方法

    重启了一次服务器后,使用> mysql -u root -p登陆是出现下面的错误: ERROR 2002 (HY000): Can't connect to local MySQL server ...

  5. Uploadify上传问题

    版本:Uploadify Version 3.2官网:http://www.uploadify.com Uploadify是一款基于Jquery的上传插件,用起来很方便.但上传过程中的提示语言为英文, ...

  6. Mac OS X 上启动 FTP/SFTP server,并设置 log level

    木易小伟的博客| 木易小伟的博客 2013-08-13 5708 阅读 FTP Log SFTP Mac OS 系统配置 1. 启动FTP Server: 命令行下,  sudo -s launch ...

  7. zepto--toggle函数

    学习zepto源码时,发现一个很佩服的写法. 关键点在三元选择符. 首先,假定settings是有传入参数的,此时settings会进行隐式强制类型转换为布尔值,如果为真,元素显示,如果为假,元素隐藏 ...

  8. Koala编译less

    下载地址:http://koala-app.com/index-zh.html 用Koala可以用来编译less,软件也是简单明了,平时开着其他软件编辑less,只要打开Koala,勾选“自动编译”后 ...

  9. Android笔记:C memory copy

    socket通讯问题之一: 在c中按字节发送数据  比如设备1状态(1字节)值(1字节)设备2状态(1字节)值(1字节)....这种格式拆分的问题 在c中可以利用struct的 memory copy ...

  10. Android模拟器disconnected问题

    具体原因不明,偶尔会出现 window -> Show Views -> device -> view menu -> Reset adb  一般可以解决该问题