2015-09-16 html课程总结1
HTML
（HyperText Makeup Language）是超文本标记语言。
1.HTML结构
<html>
<head>
<title>标题</title>
</head>
<body>
主体部分
</body>
</html>
另：HTML注释：<!--html-->
2.文字版面
换行：<br/>
段落标记：<p></p>
水平线：<hr>
其属性Size Width Color Align：表示水平线的 粗细 宽度 颜色 对其方式（left左,center中,right右）
空格：
居中：<center></center>
标题文字：<hn>n值为1～6 依次减小</hn>
特殊文字样式：<b>粗体</b> <i>斜体</i> <u>下划线</u> <s>删除线</s>
<sup>将文字以上标字体的方式显示</sup> <sub>将文字以下标字体的方式显示</sub>
body标签属性： bgcolor---网页背景颜色 background---网页背景图片 text---网页文字颜色
3.文字列表设计
①有序列表
<ol>
<li>编号1</li>
<li>编号2</li>
<li>编号3</li>
</ol>
编号形式：type属性 （Type=1 或A 或a或I 或i）
设置编号的开始序号：start属性
Start=n (只能是数字)
②无序列表
<ul>
<li>项目符号</li>
<li>项目符号</li>
<li>项目符号</li>
</ul>
设置项目符号的形式：type属性
Type=circle 或disc或square（分为空心圆，实心和方形）
4.表格
①语法
<table>
<tr>
<td></td>
</tr>
</table>
注：<th></th>表示标题单元格
②属性
border：边框宽度；cellspacing：表格内框的宽度；cellpadding：表格内文字至边框的距离； Height /width：高/宽度
bordercolor：边框颜色； bgcolor：背景颜色； align：表格在网页中的水平对齐方式
③跨行、跨列
Rowspan="n" （跨n行） colspan=“n”（跨n列）
④表格标题标记
<caption align=top或bottom> top：标题在表格上方 bottom：标题在表格底部
5.图片标记img
<img src=”图片的位置与名称”>
①常用属性
height：高度 width：宽度 border：边框宽度
lowsrc=“低分辨率图片的位置”
alt：当浏览器不能显示所指代的图片时，可以设置IE显示一段说明该图片的文字，代替图片。
6. 超链接
①超链接标记
<a href=”链接位置”>超链接名称</a>
②图片超链接
<a href="http:\\www.baidu.com"><img src=“图片位置”></a>
2015-09-16 html课程总结1的更多相关文章
- http://oncenote.com/2015/09/16/Security-2-HTTPS2/ （轉載）
上一篇<iOS安全系列之一:HTTPS>被CocoaChina转载,还顺便上了下头条: 打造安全的App!iOS安全系列之 HTTPS,但那篇文章只是介绍了比较偏应用的初级知识,对于想要深 ...
- 2015.09.16 SCADA系统介绍及应用
SCADA(Supervisory Control And Data Acquisition)系统,即数据采集与监视控制系统.SCADA系统是以计算机为基础的DCS与电力自动化监控系统:它应用领域很广 ...
- 20145225《Java程序设计》 2015—2016年学期课程总结
20145225<Java程序设计> 2015—2016年学期课程总结 读书笔记链接汇总 1.2016年2月25日 <Java程序设计>课程准备之问卷调查 摘要: 一.你对自己 ...
- http://browniefed.com/blog/2015/09/10/the-shapes-of-react-native/
http://browniefed.com/blog/2015/09/10/the-shapes-of-react-native/
- 20145325张梓靖 《Java程序设计》第16周课程总结
20145325张梓靖 <Java程序设计>第16周课程总结 实验报告链接汇总 实验一 "Java开发环境的熟悉" 实验二 "Java面向对象程序设计&quo ...
- 20145219 《Java程序设计》第16周课程总结
20145219 <Java程序设计>第16周课程总结 每周读书笔记(即学习总结)链接汇总 第0周问卷调查 第1周读书笔记 第2周读书笔记 第3周读书笔记 第4周读书笔记 第5周读书笔记 ...
- myeclipse 2015 CI 16发布【附下载】
2015升级版再次来袭! 更新日志: Slack Integration 新版本集成了Slack,你只需要注册一个Slack帐号然后就可以发送和接收代码片段.你甚至不需要登录Slack就可以直接在Ec ...
- H264解码学习-2015.04.16
今天看了不少,却感觉收获寥寥. 1.H264相关知识 因为RTP协议发过来的数据已经经过了H264编码,所以这边需要解码.补充一下H264的相关知识. 与以往的视频压缩标准相比,H.264 视频压缩标 ...
- Zookepper（2015.08.16笔记）
2015.08.16zookepper Zookeeper 是 Google 的 Chubby一个开源的实现,是 Hadoop 的分布式协调服务(如同小区里面的供水.电的系统) 它包含一个简单的原 ...
- Java 堆和栈 垃圾回收 2015/9/16
http://www.cnblogs.com/whgw/archive/2011/09/29/2194997.html Java内存: 1.堆内存:基本类型的变量和对象的引用变量. 2.栈内存:由ne ...
随机推荐
- Thymeleaf 模板引擎技术
引入Thymeleaf: <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf. ...
- 理解 Redis(1) - Redis 简介
Redis 的含义 全称: REmote DIctionary Server 远程词典服务器 由于支持 string, list, set, ordered set, hash 等多重数据结构, 因此 ...
- win10上安装keras
下载Anaconda https://www.anaconda.com/ 点击进入下载界面 选择Windows版本64位,python3.7 下载完成后 ,双击安装 等待安装完成! 安装MinGW包, ...
- c代码，输出i,j,k互不相同的三位数
#include <stdio.h> int main() { int i,j,k; printf("\n"); for(i=1;i<5;i++){ for(j= ...
- 使用cmd命令进行导入
进入cmd直接输入命令 imp 用户名/密码@监听器路径/数据库实例名称 file='d:\数据库文件.dmp' full=y ignore=y 例如: imp mislogin/mislogin@l ...
- Go语言学习之5 进阶-排序、链表、二叉树、接口
本节主要内容: 1. 结构体和方法2. 接口 1. 结构体和方法 (1). 用来自定义复杂数据结构 (2). struct里面可以包含多个字段(属性) (3). struct类型可以定 ...
- Very Good Article on How Git Commands Work
http://stackoverflow.com/questions/30038999/differences-between-commit-commit-and-push-commit-and-sy ...
- Hadoop – The Definitive Guide Examples,,IntelliJ
IntelliJ Project for Building Hadoop – The Definitive Guide Examples http://vichargrave.com/intellij ...
- scrapy 爬虫框架之持久化存储
scrapy 持久化存储 一.主要过程: 以爬取校花网为例 : http://www.xiaohuar.com/hua/ 1. spider 回调函数 返回item 时 要用y ...
- 微信小程序发起微信支付
点击链接查看详情:(支付中配置参数需要从后台得到->签名需要从微信申请才可以得到) https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-pay.h ...