①打开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. hdfs深入：08、hdfs的JavaAPI以及如何解决winutils的问题

    /** * 通过url注册的方式访问hdfs,了解,不会用到 * @throws Exception */ 以下为详细代码://1.注册hdfs的url,让java代码能识别hdfs的url形式URL ...

  2. 初识Python（windows）——下载、安装、使用

    Table of Contents 1. Why is Python 1.1. Python和R 2. python的下载与安装 2.1. python的版本选择 2.2. python的下载 2.3 ...

  3. Python学习-列表的其它主要操作

    列表的其它主要操作 还记得之前使用del语句去清除一个列表中的所有内容,那么会因为把列表全部清空,所以输出会报错.可以使用clear() 完成 clear(self):可以将一个列表变成空列表 lis ...

  4. PHP读取超大的excel文件数据的方案

    场景和痛点 说明 今天因为一个老同学找我,说自己公司的物流业务都是现在用excel处理,按月因为数据量大,一个excel差不多有百万数据,文件有接近100M,打开和搜索就相当的慢 联想到场景:要导入数 ...

  5. Python之trutle库-五角星

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

  6. rbac组件之权限初始化（五）

    当用户登陆后,根据用户的角色要为用户生成对应的权限菜单,此时需要将登陆的用户信息获取且获取角色信息,从数据库中获取菜单以及权限信息,并且存入session中. 1.权限流程 第一次请求的页面是登陆页面 ...

  7. （转载）C++ string中find() ，rfind() 等函数 用法总结及示例

    string中 find()的应用  (rfind() 类似,只是从反向查找) 原型如下: (1)size_t find (const string& str, size_t pos = 0) ...

  8. 什么是CPU密集型、IO密集型？（转发）

    CPU密集型(CPU-bound) CPU密集型也叫计算密集型,指的是系统的硬盘.内存性能相对CPU要好很多,此时,系统运作大部分的状况是CPU Loading 100%,CPU要读/写I/O(硬盘/ ...

  9. 【Codeforces 329B】Biridian Forest

    [链接] 我是链接,点我呀:) [题意] 题意 [题解] 找到出口到每个点的最短距离. 设你到出口的最短距离为temp 那么如果某个人到终点的距离<=temp,则他们肯定能遇到你 因为他们可以在 ...

  10. 使用回溯法解批处理作业调度问题<算法分析>

    一.实验内容及要求 1．要求用回溯法原理求解问题: 2．要求手工输入t1[10]及t2[10],t1[i]是任务i在机器1上的执行时间,t2[i]是任务i在机器2上的执行时间: 3．求出最优批处理作业 ...