一、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. ACM之Java速成(3)

    ACM中Java.大数处理 先上个代码: import java.math.*; import java.util.*; class Main{ public static void main(Str ...

  2. Java的正则表达式

    package RegexTest; /** * Created by hu on 2016/3/29. */ /* * Java的正则表达式 在正则表达式中,用\d表示一位数字,如果在其它语言中使用 ...

  3. paper 11：matlab中fix函数，floor函数，ceil函数，round函数的区分

    1)fix(n)朝零方向取整,这是一类应用在整数取值上的函数,就如同以前我们所研究的求整问题,例如,fix(pi)=3;fix(-1.3)=-1; fix(1.3)=1; 2)round(n):四舍五 ...

  4. MVC4 下DropDownList使用方法

    与MVC3相比,差别很大: 表现形式一: public ActionResult Main() { List<SelectListItem> items = new List<Sel ...

  5. 夺命雷公狗---DEDECMS----10dedecms双标签

    双标签基本语法如下: {dede:标签名 参数名=“值” 参数名2=“值”...} 内容...... {/dede} 我们先来查看下手册,如下所示: 我们先来用一个channel的标签来做实例,因为c ...

  6. 【转】The Attached Behavior Pattern

    原文:http://www.bjoernrochel.de/2009/08/19/the-attached-behavior-pattern/ The Attached Behavior Patter ...

  7. Android 二维码扫描框 加四个角及中间横线自动下滑

    红色为加四个角  黄色为扫描线自动下滑 /* * Copyright (C) 2008 ZXing authors * * Licensed under the Apache License, Ver ...

  8. android 项目学习随笔十六（ 广告轮播条播放）

    广告轮播条播放 if (mHandler == null) {//在此初始化mHandler , 保证消息不重复发送 mHandler = new Handler() { public void ha ...

  9. CSS的样式合并与模块化

    by zhangxinxu from http://www.zhangxinxu.com 原文地址:http://www.zhangxinxu.com/wordpress/?p=931 一.引言 本文 ...

  10. flex datagrid 换行

    <mx:DataGrid id="myGrid" width="100%" height="90%" headerStyleName= ...