一、body的属性

<body  bgcolor  页面背景色

background 背景壁纸、图片

text文字颜色

topmargin上边距

leftmargin左边距

rightmargin 右边距

bottommargin下边距></body>

二、格式控制标签

<font color颜色="" face字体="" size大小=""></font>

<b></b>    <strong></strong>       字体加粗

<i></i>   <em></em>          倾斜

<u></u>                下划线

<center></center>      居中

<br>或<br/>            相当于在网页中回车，跟平常enter不一样

&nbsp             表示空格，Ctrl+shift+space

三、内容容器标签

<h1></h1>  .......

<h6></h6>       标题，会自动换行。HTML标题是通过<h1>到<h6>等标签来定义的

<p></p>              段落标签（段落之间空行）

<div></div>           层标签（默认占用一行）

<span></span>       层标签（默认用掉多大空间占用多大空间）

<ol type="1">        有序列表，序号为1,2,3....，引号中可以更改序号的形式

<li>内容<li>

<li>内容<li>

</ol>                 上面的ol改为ul则变为无序号列表

相对路径：从当前页面开始查找。

绝对路径：从网站的根开始查找。"/"，代表网站的根。

四、超链接标签

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

如回到最顶端：

先把位置定在顶端，命名一个连接：<a name="顶端"></a>

在下面创建一连接：<a href="#顶端">回到最顶端</a>

五、图片标签

<img src="图片地址" alt="文字" width=“” height=“” title=“描述文字” /> 高度跟宽度设置一个即可保持原有比例

alt在图片无法加载时，显示文字，还可以帮助搜索引擎搜索。

title可以添加图片描述，鼠标放在图片上时可以显示描述。

src 是把外面的资源引用过来，是回来；

href 是把自身连接到外面或别的地方，是出去。

六、表格：

<table></table>表格

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

border：边框，常用值为0。

cellpadding：内容跟边框的距离，常用值为0。

cellspacing：单元格与单元格之间的间距，常用值为0。

algin：对齐方式。

bgcolor：背景色。

background：背景图片。

<tr></tr>行

align:一行内容的水平对齐方式。

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

height：行高。

bgcolor：背景色。

background：背景图片。

<td></td>单元格

<th></th>表头，单元格的内容自动居中、加粗

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

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

width：单元格宽度。

height：单元格高度。

bgcolor：背景色。

background：背景图片。

内容必须放在单元格里，单元格必须放在行里，行必须放在表格里。

设置单元格行高、列高时，会同时影响对应的行或列。

单元格合并：（建议尽量用表格嵌套）

colspan=“n”    合并同一行的单元格（后面写代码要减去相对应的列）

rowspan=“n”   合并同一列单元格（从第二行开始减去相对应的列）

完！！

html body的属性 格式控制标签 内容容器标签 超链接标签 图片标签 表格的更多相关文章

  1. 10-2 body标签中相关的标签（字体标签，排版标签（div,span），超链接，图片标签）

    一 排版标签(div,span) 1块级标签 <!--div:把标签中的内容作为一个块儿来对待(division).必须单独占据一行.--> <!--div标签的属性:--> ...

  2. HTML的格式、内容容器、表格标签

    HTML(Hyper Text Markup Language,超文本标记语言)超指的是超链接. <html>    --开始标签 <head> 网页上的控制信息 <ti ...

  3. 前端基础-html 字体标签,排版标签,超链接,图片标签

    主要内容: 字体标签: h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> ...

  4. HTML中的图片标签的用法！

    在HTML中<img>这个标签是定义文本中的图片标签,它的作用就比如说可以提供图片的名字.提供图片的尺寸大小和提供图片的一些图片属性,比如Alt这个属性,可以给图片一个名称来告诉朋友们.这 ...

  5. [19/05/14-星期二] HTML_body标签(列表标签和图片标签)

    一.列表标签 <!-- 快捷键 1.<meta charset="UTF-8"/> 用m6可直接写出 2.复制当前1行到下一行 ctrl+shift+R --&g ...

  6. <q>标签，短文本引用；<blockquote>标签，长文本引用

    <q>标签,短文本引用 <q>引用文本</q>,默认显示双引号,不需要在文本中添加 <blockquote>标签,长文本引用 浏览器对<block ...

  7. 9月5日网页基础知识 通用标签、属性（body属性、路径、格式控制） 通用标签（有序列表、无序列表、常用标签）（补）

    网页基础知识 一.HTML语言 HTML语言翻译汉语为超文本标记语言. 二.网页的分类 1.静态页面:在静态页面中修改网页内容实际上就是修改网页原代码,不能从后台操作,数据来只能来源于原于代码.静态网 ...

  8. html标签，格式控制标签，内容容器标签，超链接标签，图片标签，表格

    打开DREAMWEAVER,新建HTML,如下图: body的属性: bgcolor 页面背景色 background  背景壁纸.图片 text  文字颜色 topmargin  上边距 leftm ...

  9. 通用标签、属性（body属性、路径、格式控制）

    通用标签.属性 一.body属性 1.bgcolor属性:网页背景颜色 2.text属性:规定文档中所有文本的颜色. 3.background属性:规定文档的背景图像. 二.路径 1.绝对路径: 从根 ...

随机推荐

  1. uva 11520 - Fill the Square

    http://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&page=show_problem&p ...

  2. Ruby On Rails经典书籍下载地址

    Web开发敏捷之道-应用Rails进行敏捷Web开发   http://vdisk.weibo.com/s/t47M5Q3WInwc RUBY ON RAILS入门经典   http://downlo ...

  3. eclipse中修改maven仓储

    1.找到maven的setting文件,修改setting文件: 2.打开eclipce,window->Preference->maven->user Setting

  4. c++中的传参问题

    从概念上讲.指针从本质上讲就是存放变量地址的一个变量,在逻辑上是独立的,它可以被改变,包括其所指向的地址的改变和其指向的地址中所存放的数据的改变. 而引用是一个别名,它在逻辑上不是独立的,它的存在具有 ...

  5. 反射认识_06_ArrayList_HashSet区别

    包01: package ReflectionCollection; public class ReflectionConstructorPoint { private int x; public i ...

  6. 夺命雷公狗mongodb之----mongodb---3---比较操作符

    $lt    <  less than 小于 $lte   <=  less than and equal 小于等于 $gt    >   greater than 大于 $gte ...

  7. Java 中的System.exit

    在java 中退出程序,经常会使用System.exit(1) 或 System.exit(0). 查看System.exit()方法的源码,如下 /** * Terminates the curre ...

  8. SSAS 聚合设计提升CUBE的查询性能（转载）

    Problem What exactly are SQL Server Analysis Services (SSAS) Aggregations and how exactly can I revi ...

  9. YZM的全排列

    50073081 YZM的全排列 [试题描述] 一天,老师给可怜的YZM出了一道题:写出1~n的全排列.YZM写了一天也没写出来.请你帮帮快跪的YZM,输出1~n的全排列.注:这里n为9 [输入要求] ...

  10. Spring之AOP面向切片

       一.理论基础: AOP(Aspectoriented programming)面向切片/服务的编程,在Spring中使用最多的是对事物的处理.而AOP这种思想在程序中很多地方可以使用的,比如说, ...