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右）

空格：&nbsp;

居中：<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的更多相关文章

  1. http://oncenote.com/2015/09/16/Security-2-HTTPS2/ （轉載）

    上一篇<iOS安全系列之一:HTTPS>被CocoaChina转载,还顺便上了下头条: 打造安全的App!iOS安全系列之 HTTPS,但那篇文章只是介绍了比较偏应用的初级知识,对于想要深 ...

  2. 2015.09.16 SCADA系统介绍及应用

    SCADA(Supervisory Control And Data Acquisition)系统,即数据采集与监视控制系统.SCADA系统是以计算机为基础的DCS与电力自动化监控系统:它应用领域很广 ...

  3. 20145225《Java程序设计》 2015—2016年学期课程总结

    20145225<Java程序设计> 2015—2016年学期课程总结 读书笔记链接汇总 1.2016年2月25日 <Java程序设计>课程准备之问卷调查 摘要: 一.你对自己 ...

  4. http://browniefed.com/blog/2015/09/10/the-shapes-of-react-native/

    http://browniefed.com/blog/2015/09/10/the-shapes-of-react-native/

  5. 20145325张梓靖 《Java程序设计》第16周课程总结

    20145325张梓靖 <Java程序设计>第16周课程总结 实验报告链接汇总 实验一 "Java开发环境的熟悉" 实验二 "Java面向对象程序设计&quo ...

  6. 20145219 《Java程序设计》第16周课程总结

    20145219 <Java程序设计>第16周课程总结 每周读书笔记(即学习总结)链接汇总 第0周问卷调查 第1周读书笔记 第2周读书笔记 第3周读书笔记 第4周读书笔记 第5周读书笔记 ...

  7. myeclipse 2015 CI 16发布【附下载】

    2015升级版再次来袭! 更新日志: Slack Integration 新版本集成了Slack,你只需要注册一个Slack帐号然后就可以发送和接收代码片段.你甚至不需要登录Slack就可以直接在Ec ...

  8. H264解码学习-2015.04.16

    今天看了不少,却感觉收获寥寥. 1.H264相关知识 因为RTP协议发过来的数据已经经过了H264编码,所以这边需要解码.补充一下H264的相关知识. 与以往的视频压缩标准相比,H.264 视频压缩标 ...

  9. Zookepper（2015.08.16笔记）

    2015.08.16zookepper   Zookeeper 是 Google 的 Chubby一个开源的实现,是 Hadoop 的分布式协调服务(如同小区里面的供水.电的系统) 它包含一个简单的原 ...

  10. Java 堆和栈 垃圾回收 2015/9/16

    http://www.cnblogs.com/whgw/archive/2011/09/29/2194997.html Java内存: 1.堆内存:基本类型的变量和对象的引用变量. 2.栈内存:由ne ...

随机推荐

  1. 基于 Python 和 Pandas 的数据分析(7) --- Pickling

    上一节我们介绍了几种合并数据的方法. 这一节, 我们将重新开始不动产的例子. 在第四节中我们写了如下代码: import Quandl import pandas as pd fiddy_states ...

  2. js，jq获取父，兄弟，子节点整理

    js获取节点 父: parentNode 获取已知节点的父节点. 子: childNodes; 得到全部子节点 children 得到全部子节点 firstChild 获得第一个子节点 lastChi ...

  3. CentOS6.5下搭建LAMP+FreeRadius+Daloradius Web管理和TP-LINK路由器、H3C交换机连接，实现，上网认证和记账功能

    什么是RADIUS服务: RADIUS:(Remote Authentication Dial In User Service)中文名为远程用户拨号认证服务,简称RADIUS,是目前应用最广泛的AAA ...

  4. cacheManager ABP中的缓存

    ABP的缓存是key---(key,value) 形式存储 GetCache获取到的是ICache类型   如果知道这个ICache的具体类型  可以直接强转Icache.AsTyped<int ...

  5. vscode所用插件

  6. lattice 作图 举例

    library(lattice) Depth <- equal.count(quakes$depth, number=8, overlap=.1)xyplot(lat ~ long | Dept ...

  7. R语言 让纵坐标的标签显示为横向

    参考自153分钟学习R语言 坐标y 上的数字如何水平放置?仍然是绘图参数问题: ?par # see  lasplot(0, 0, xaxt="n" , type="n& ...

  8. 力扣（LeetCode）976. 三角形的最大周长

    给定由一些正数(代表长度)组成的数组 A,返回由其中三个长度组成的.面积不为零的三角形的最大周长. 如果不能形成任何面积不为零的三角形,返回 0. 示例 1: 输入:[2,1,2] 输出:5 示例 2 ...

  9. 学习笔记25—python基本运算法则

    1.矩阵的点乘: a*b, 矩阵乘法:dot(a*b),矩阵的次方:a**num (num = 2,表示2次)2.数组的并集,交集: >>> a = [1,2,3] >> ...

  10. ThinkPHP的数据操作

    查询: 具体数据的操作方法使用: 1. where()条件     $model->where(条件值);  //条件值就是sql语句where后边的结果值 2. limit() 限制条数  $ ...