①打开dreamw新建html 开头显示如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- charset=utf-8 编解码方式 适用与utf-8 -->
<title>测试</title>
<!--title标题栏改名字 测试位置
可以在测试前加上logo小图标 -->
</head>
<!--
1,标签语言<>表示
2,成对出现,一般结构<html><head><body>body中的内容显示在页面里</body></head></html> 结束标签-->

② body属性

bgcolor   　　页面背景色

background  背景壁纸图片

text   　　　　文字颜色

topmargin　　上边距

leftmargin　　左边距

rightmargin　　右边距

bottommargin　　下边距

显示效果

③格式控制标签

<font color="" face="" size=""></font>

分别控制字体的颜色、字体和大小。

<b></b>　　　　　　　　字体加粗

<strong></strong>　　 字体加粗

<i></i>　　　　　　　　   倾斜

<em></em>　　　　　　 倾斜

<u></u>　　　　　　　　下划线

<center></center>　　　居中

<br>或<br/>　　　　　　相当于回车   快捷键 shift+enter

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

显示效果

④内容容器标签

<h1></h1>　　　　　　标题，会自动换行。HTML标题是　　　　　　　　　　　　　　　　　　　　　　

　　. . .　　　　　　　　通过<h1>到<h6>等标签来定义的。

<h6></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>　　　　--在新窗口打开

target 指打开方式   （_parent  _self   在当前页面打开）（_top 新开一个页面打开 且在所有打开页面的前面）  （ _blank  new   新开一个页面打开） 表示超链接打开后的显示方式

显示效果

 点过会变红

锚点

网页最开始部分

网页结束部分

</body>

⑥图片标签

<img src="图片地址" alt="文字" width=“” height=“” title=“描述文字” />

高度跟宽度设置一个即可保持原有比例。

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

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

⑦表格

<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”　 合并同一列单元格（从第二行开始减去相对应的列）

表示
2,成对出现,一般结构-->

2016/2/18 html 标签 表格的更多相关文章

  1. python 全栈开发，Day46(列表标签,表格标签,表单标签,css的引入方式,css选择器)

    一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:lis ...

  2. 前端 HTML body标签相关内容 常用标签 表格标签 table

    表格标签 table 表格由<table> 标签来定义.每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由<td>标签定义).字母 td 指表 ...

  3. 前端基础-html 列表标签,表格标签,表单标签

    一.列表标签 1.ul(无序列表)标签 ul(unordered list)无序列表,ul下的子元素只能是li(list item),如下示例: <ul> <li>第一项< ...

  4. github javascript相关项目star数排行榜(前30，截止2016.11.18)：

    github javascript相关项目star数排行榜(前30,截止2016.11.18): 前端开源框架 TOP 100 前端 TOP 100:::::https://www.awesomes. ...

  5. 2016.8.18上午纪中初中部NOIP普及组比赛

    2016.8.18上午纪中初中部NOIP普及组比赛 链接:https://jzoj.net/junior/#contest/home/1336 翻!车!啦!好吧,那是因为大神归来. 进度: 比赛:AC ...

  6. 3.html基础标签:表格

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. HTML 标签 表格

    <html>    --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body& ...

  8. html body的属性 格式控制标签 内容容器标签 超链接标签 图片标签 表格

    一.body的属性 <body  bgcolor  页面背景色 background 背景壁纸.图片 text文字颜色 topmargin上边距 leftmargin左边距 rightmargi ...

  9. HTML--1标签表格

    HTML   内容(Hyper Text Markup Language,超文本标记语言) CSS    网页美化 Javascript    脚本语言 打开DREAMWEAVER,新建HTML,如下 ...

随机推荐

  1. Spring Cloud和Dubbo的对比

  2. source collection list

    1.Anaconda:http://www.cnblogs.com/xiaoming123abc/p/6970890.html https://conda.io/docs/help-support.h ...

  3. 将java project打包成jar包，web project 打包成war包的几种演示 此博文包含图片

    转: http://blog.csdn.net/christine_ruan/article/details/7491559 http://developer.51cto.com/art/200907 ...

  4. 树莓派-3 启用root

    默认是user: pi,  password: raspberry 通过如下设置root密码并启用 pi@raspberrypi:~ $ sudo passwd root Enter new UNIX ...

  5. Python之trutle库-五角星

    Python之trutle库-五角星 #!/usr/bin/env python # coding: utf-8 # Python turtle库官方文档:https://docs.python.or ...

  6. 集训第四周（高效算法设计）N题 (二分查找优化题)

    原题:poj3061 题意:给你一个数s,再给出一个数组,要求你从中选出m个连续的数,m越小越好,且这m个数之和不小于s 这是一个二分查找优化题,那么区间是什么呢?当然是从1到数组长度了.比如数组长度 ...

  7. Java使用ZXing生成/解析二维码图片

    ZXing是一种开源的多格式1D/2D条形码图像处理库,在Java中的实现.重点是在手机上使用内置摄像头来扫描和解码设备上的条码,而不与服务器通信.然而,该项目也可以用于对桌面和服务器上的条形码进行编 ...

  8. STM32F407 正点原子 资料网址记录

    网络资源 资源下载: http://www.openedv.com/thread-13912-1-1.html (注意下载资料的版本!非常推荐腾讯视频,因为可以在线免费倍速播放.课件ppt可以单独下载 ...

  9. 九度教程第22题——今年暑假不AC（看尽量多的电视节目）

    #define _CRT_SECURE_NO_DEPRECATE #include <stdio.h> #include <algorithm> using namespace ...

  10. NYOJ-58最少步数，广搜思想！

    最少步数 时间限制:3000 ms  |  内存限制:65535 KB 难度:4 ->   Link  <- 这个题深搜广搜都是可以的,迷宫已经给出了,就看怎么做了:一般起点终点确定用广搜 ...