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. P1541 乌龟棋

    30分做法,暴力枚举: #include <bits/stdc++.h> using namespace std; const int maxn = 400; int n, m; int ...

  2. docker learning

    Docker 配置文件位置 Docker 的配置文件可以设置大部分的后台进程参数,在各个操作系统中的存放位置不一致 在 ubuntu 中的位置是:/etc/default/docker 在 cento ...

  3. 常见的Mule Esb下载地址

    http://www.myexception.cn/open-source/1832157.html

  4. __proto__和protaotype的区分

    直接看这样一个例子. var XXX = function(){}; var p = new XXX(); 可以把上面的例子拆分为如下一个过程: var p={}; //初始化一个对象p p.__pr ...

  5. 比较setImmediate(func),setTimeout(func),process.nextTick(func)

    node中的事件优先级机制: console.log('第一笔!'); process.nextTick(function() { console.log('吃个饭吧!'); setImmediata ...

  6. Android笔记:Socket通讯常见问题

    经验证的socket通讯问题 1.如果是模拟器和本机PC直接通讯,需要使用本机IP地址 而不是 10.0.2.2  如本机的静态地址为192.168.1.2 则直接使用该地址 2.接收和连接代码不能在 ...

  7. Java学习-024-获取当前类名或方法名二三文

    今天,看朋友编写程序,打印日志时,需要记录当前类的类名以及当前方法的方法名,我发现 TA 将类名或者方法名直接写死在了代码中...虽说这样可以实现记录类名和方法名,但是当有特殊情况需要修改类名或者方法 ...

  8. ORA-01000:超出打开游标的最大数(C#)

    在做一个windows服务,通过查询文本不断的插入数据的功能.测试一直没有问题,到实际环境中跑起来后程序退出,查看日志发现报的这个错误 ORA-01000:超出打开游标的最大数 经过上网查询发现是由于 ...

  9. linux spi 设备节点 读写

    本文记录spi设备节点的操作方法. SPI总线设备文件名通常为/dev/spidevN.P(N=0.1.2--,P=0.1.2--), 其中N表示第几路SPI总线,而P表示在该路SPI总线中使用哪个C ...

  10. LeetCode Binary Search Tree Iterator

    原题链接在这里:https://leetcode.com/problems/binary-search-tree-iterator/ Implement an iterator over a bina ...