body的属性:

bgcolor               页面背景色

text                    文字颜色

topmargin            上边距

leftmargin            左边距

rightmargin          右边距

bottomargin         下页边距

background          背景壁纸

一般标签:

字体格式控制标签

<font face="楷体" size="+3" color="#FF0000">你好</font>

face是字体,size是字体大小,color是字体颜色
<br/>换行 shift+enter

<b>文字加粗方式1,b标签</b><br />
<strong>文字加粗方式2,strong标签</strong><br />
<i>文字倾斜方式1,i标签</i><br />
<em>文字倾斜方式2,em标签</em><br />
<u>文字加下划线,u标签</u>
<center>你好</center>

center居中标签,默认前后若有其他,执行前后换行,保证自身是一个整体,然后居中显示。

&nbsp;    表示空格

内容容器标签;

<h1></h1><h2></h2>....<h6></h6>

h1-h6标签,标题控制标签,重要性依次减弱,默认前后若有其他执行前后换行,并且空开一行,根据所在区域默认文字大小执行增加几个尺寸或减去几个尺寸。

<div></div> 层标签,默认一上来就占用一行

<span></span> 层标签,默认使用多少就占用多少

<p></p>段落标签,默认,前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体

<ol>

<li></li>

<li></li>

<li></li>

</ol>

ol有序列表,自带序号,自动换行,默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体

<ol>
<li>你好</li>
<li>你好</li>
<li>你好</li>
<li>你好</li>
</ol>

<ul>

<li></li>

<li></li>

</ul>

ul无序列表,不自带序号,自动换行,默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体

<ul>
<li>你好</li>
<li>你好</li>
<li>你好</li>
<li>你好</li>
</ul>

常用标签

超链接标签:

<a  href="超链接地址"  target="_blank">超链接的文字</a>   _blank是在新的窗口打开

<a href="http://www.baidu.com" target="_blank">百度</a>

图片标签:

<img src="图片地址" alt="文字"  title="文字"  width=""  height="" /> 高跟宽设一个即可,显示图片会按比例缩放,alt在图片无法加载时显示文字,title鼠标移上显示文本。

<img src="file:///C|/Users/hh/Pictures/Camera Roll/IMG_20150715_104103.jpg" width="" title="大佛" alt="大佛" />

在图片上设置超链接:

<a href="http://360.com" target="_blank"><img src="../../../../Pictures/u=3048444218,3000800005&fm=21&gp=0.jpg" width=""/ title="爱心"></a>

<a  href="超链接地址"  target="_blank"><img src="图片地址" alt="文字"  title="文字"  width=""  height="" /></a>

表格

<table></table>

width:宽度,可以用像素或百分比表示。

height:高度

border:边框,常设为0

cellpadding:内容跟单元格边框的边距,常设为0

cellspacing:单元格之间的间距,常设为0

align:对齐方式

bgcolor:背景色

background:背景图片

<tr></tr>行

align:水平对齐方式

valign:一行内容的垂直对齐方式

height:行高

bgcolor:背景色

background:背景图片

<td></td>单元格

align:单元格内容的水平对齐方式

valign:单元格内容的垂直对齐方式

width:单元格的宽度

height:单元格的高度

bgcolor:背景色

background:背景图片

html一般标签、常用标签、表格的更多相关文章

  1. html 一般标签 常用标签 表格

    body的属性: bgcolor                页面背景色 background            背景壁纸.图片 text                    文字颜色 top ...

  2. 移动端web开发 尽量哪些标签 常用标签及注意事项

    H5手机移动端WEB开发资源整合 常用的标签及注意事项: https://blog.csdn.net/u012118993/article/details/56023399 移动前端不得不了解的htm ...

  3. (3)HTML常用标签 + 快捷字符

    1.<meta charset="UTF-8">  #定义字符编码 2.<!doctype + 类型> #规定文档类型 3.<!-- 注释 --> ...

  4. HTML基础(一)——一般标签、常用标签和表格

    第一部分  HTML <html>    --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> ...

  5. HTML常用标签与表格标签

    超链接标签: <a href="超链接地址" target="_blank">超链接的文字</a> _blank或new是在新网页中打开 ...

  6. 第二天(就业班) html的引入、html常用标签、实体标签、超链接标签、图片标签、表格、框架标签、表单[申明:来源于网络]

    第二天(就业班) html的引入.html常用标签.实体标签.超链接标签.图片标签.表格.框架标签.表单[申明:来源于网络] 第二天(就业班) html的引入.html常用标签.实体标签.超链接标签. ...

  7. HTML的基本操作学习----常用标签,特殊符号,列表,表格,表单

    什么是HTML 常用标签 标题标签 段落标签 粗体标签+斜体 超链接标签 图片标签 列表标签 无序标签 有序标签 自定义列表 div标签 特殊符号 表格 表单 HTML 什么是 HTML?   HTM ...

  8. html5常用标签table表格布局

    html5常用标签table表格布局 一.总结 一句话总结: 二.html5常用标签table表格布局 用表格显示信息调理清楚,使浏览者一目了然.表格在网页中还有协助布局的作用,可以把文字.图像等组织 ...

  9. 常见过滤器表格整理,Date,time过滤格式表;常用标签表

    一.常用过滤器表 二.date.time过滤器参数表 三.模板常用标签 四.模板标签示例 ①if,for ②url解析标签 ③with缓存标签 ④autoescape的使用 ⑤注释标签(多行注释)一般 ...

随机推荐

  1. scp跨主机拷贝工具

     参考:http://www.cnblogs.com/hitwtx/archive/2011/11/16/2251254.html SSH上A机,要将10.1.17.95机/tpdata/shell_ ...

  2. [C++][语言语法]标准C++中的string类的用法总结

    转自:http://www.cnblogs.com/xFreedom/archive/2011/05/16/2048037.html 要想使用标准C++中string类,必须要包含 #include ...

  3. ACM题目————A除以B

    本题要求计算A/B,其中A是不超过1000位的正整数,B是1位正整数.你需要输出商数Q和余数R,使得A = B * Q + R成立. 输入格式: 输入在1行中依次给出A和B,中间以1空格分隔. 输出格 ...

  4. ACM题目————Find them, Catch them

    Description The police office in Tadu City decides to say ends to the chaos, as launch actions to ro ...

  5. Digital Roots 分类: HDU 2015-06-19 22:56 13人阅读 评论(0) 收藏

    Digital Roots Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total ...

  6. 选择轮廓(select_shape)

    选择轮廓(select_shape)     Halcon是一款运用广泛的图像识别和处理软件.在肤浅的接触中,它的轮廓选择算子(select_shape)给予我很深的印象.结果是往往几行代码就能够产生 ...

  7. Linux内核2.4.x的网络接口源码的结构[转]

    http://blog.csdn.net/wswifth/article/details/5102242 一.前言 Linux的源码里,网络接口的实现部份是非常值得一读的,通过读源码,不仅对网络协议会 ...

  8. UVa 133,发放救济金

    沿用前一个题的思路: 用left记录剩下的点,直到全部选完. 这里我的问题是,我一直pos = (pos + f + n)%n,这里的问题是对于B点来说,开始的位置是1,就成了(1+(-1) +n) ...

  9. git总结

    1.先画个图,先对git的操作有个直观了解 2.分析下git中文件是怎么存储的 正如下面所示git存储不是每次更改就会产生一个新的文件,而是产生一个版本,这个版本对应着记录每个文件的不同情况 具体的存 ...

  10. 【Java】如何检测、替换4个字节的utf-8编码(此范围编码包含emoji表情)

    > 参考的优秀文章 1.十分钟搞清字符集和字符编码 2.Java中byte与16进制字符串的互相转换 3.[异常处理]Incorrect string value: '\xF0\x90\x8D\ ...