2016/2/18 html 标签 表格
①打开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
表示空格，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 标签 表格的更多相关文章
- python 全栈开发，Day46(列表标签,表格标签,表单标签,css的引入方式,css选择器)
一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:lis ...
- 前端 HTML body标签相关内容 常用标签 表格标签 table
表格标签 table 表格由<table> 标签来定义.每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由<td>标签定义).字母 td 指表 ...
- 前端基础-html 列表标签,表格标签,表单标签
一.列表标签 1.ul(无序列表)标签 ul(unordered list)无序列表,ul下的子元素只能是li(list item),如下示例: <ul> <li>第一项< ...
- github javascript相关项目star数排行榜(前30，截止2016.11.18)：
github javascript相关项目star数排行榜(前30,截止2016.11.18): 前端开源框架 TOP 100 前端 TOP 100:::::https://www.awesomes. ...
- 2016.8.18上午纪中初中部NOIP普及组比赛
2016.8.18上午纪中初中部NOIP普及组比赛 链接:https://jzoj.net/junior/#contest/home/1336 翻!车!啦!好吧,那是因为大神归来. 进度: 比赛:AC ...
- 3.html基础标签:表格
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- HTML 标签 表格
<html> --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body& ...
- html body的属性 格式控制标签 内容容器标签 超链接标签 图片标签 表格
一.body的属性 <body bgcolor 页面背景色 background 背景壁纸.图片 text文字颜色 topmargin上边距 leftmargin左边距 rightmargi ...
- HTML--1标签表格
HTML 内容(Hyper Text Markup Language,超文本标记语言) CSS 网页美化 Javascript 脚本语言 打开DREAMWEAVER,新建HTML,如下 ...
随机推荐
- Stack in c#
public static void SaveStack() { string result = "Hello World"; Stack st = new Stack(); fo ...
- JavaScript：JSON 和 JS 对象
区别 JSON(JavaScript Object Notation)仅仅是一种数据格式(或者叫数据形式).数据格式其实就是一种规范,按照这种规范来存诸和交换数据.就好像 XML 格式一样. 区别 J ...
- python嵌套列表
从excel读取一行信息添加到一个临时列表,最后将所有行的列表添加到一个大列表. 源码: import xlrd,reclass Info(): def read_info(self): data = ...
- sqllite相关总结
一,sqlite 简介 前面写了一篇博文讲如何在 C# 中使用 ADO 访问各种数据库,在移动开发和嵌入式领域也有一个轻量级的开源关系型数据库-sqlite.它的特点是零配置(无需服务器),单磁盘文件 ...
- HDU - 4514 湫湫系列故事——设计风景线（并查集判环）
题目: 随着杭州西湖的知名度的进一步提升,园林规划专家湫湫希望设计出一条新的经典观光线路,根据老板马小腾的指示,新的风景线最好能建成环形,如果没有条件建成环形,那就建的越长越好. 现在已经勘探确定了n ...
- 零基础入门学习Python（22）--函数：递归是神马
知识点 递归是神马? 递归是属于算法的范畴. 递归就是函数调用自身的一种行为. >>> def g(): return g() >>> g() Traceback ...
- django-3 admin开启后台配置并展示表内容
设置了superuser 之后,可以在run server 后, 通过浏览器访问后台,进行界面配置. 1. python manage.py creatersuperuser 此命令在manage.p ...
- selenium实战演练
利用selenium以及pyquery,爬取当当网图书信息,并且将数据存入文件以及MongoDB数据库中. 配置文件: key="python" MONGO_URL='localh ...
- (十)python3 生成器
生成器(generator):在 Python 中,不必创建完整的 list,从而节省大量的空间.一边循环一边计算的机制. 创建一个 generator,有很多种方法.第一种方法很简单,只要把一个列表 ...
- noi.ac NOIP2018 全国热身赛 第二场 T1 ball
[题解] 可以发现每次推的操作就是把序列中每个数变为下一个数,再打一个减一标记:而每次加球的操作就是把球的位置加上标记,再插入到合适的位置. 用set维护即可. #include<cstdio& ...