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. WWDC 2016 总结

    一年一次的WWDC,是开发者充值信仰的时刻,今天你的信仰充值了吗?欢迎在本文下面留言吐槽. 有外媒称,这届WWDC苹果将“fun”伪装成“innovation”,的确,看看另两家老对手,微软有黑科技H ...

  2. php curl语句的用法

    system32文件夹下,修改php.ini文件,找到;extension= php_curl.dll行,去掉前面的;号,保存,重启服务器.在站点目录下建立一个PHP文件,内容如下 $ch = cur ...

  3. 【PHP设计模式 09_ZhuangShiQi.php】装饰器模式 (decorator)

    <?php /** * [装饰器模式 (decorator)] * 有时候发布一篇文章需要经过很多人手,层层处理 */ header("Content-type: text/html; ...

  4. ACM题目————小A的计算器

    Description 以往的操作系统内部的数据表示都是二进制方式,小A新写了一个操作系统,系统内部的数据表示为26进制,其中0-25分别由a-z表示.  现在小A要在这个操作系统上实现一个计算器,这 ...

  5. HDU:Integer Inquiry

    #include"stdio.h" #include"stdlib.h" #include"string.h" #define N 105 ...

  6. 【转】Tomcat调优指南

    转载地址:http://blog.csdn.net/woohooli/article/details/3954792 1          概述 本文档主要介绍了Tomcat的性能调优的原理和方法.可 ...

  7. c# 之抽象工厂模式

    Email整体项目 Email类 using System; using System.Collections.Generic; using System.Linq; using System.Tex ...

  8. Unity GUI内绘制贝塞尔曲线

    用Handles可以直接在GUI下绘制贝塞尔 using UnityEditor; using UnityEngine; using System.Collections; public class ...

  9. java 导入自定义类

    eclipse导入很容易,昨天上课学了一下用记事本写java,导入自定义类,这就麻烦了. 代码贴一下,方便操作: package tom.jiafei; public class SquareEqua ...

  10. ThinkPHP eq neq if 标签

    内置标签的使用方法 在action文件输出一个变量 $title="hello"; $this->assign('title',$title); 如果title变量的值等于& ...