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. 一.移动app测试与质量保证

    1.典型的互联网产品的研发流程,及其核心做法.这里并不是简单的套用敏捷等流程方法,而是经过时间摸索和不断调整,找到最适合自己产品的流程做法,这是质量实践质量保证的基础. 2.系统功能测试实践.包涵需求 ...

  2. latex建立参考文献的超链接

    在Latex生成的pdf文档中建立超链接(如从正文到参考文献,从目录到相应内容,从页码编号到实际页面等),有利于读者快速定位当前阅读的信息. 如何在生成的pdf文件中包含超链接呢?需要注意一下两点: ...

  3. urllib模块中的方法

    urllib模块中的方法 1.urllib.urlopen(url[,data[,proxies]]) 打开一个url的方法,返回一个文件对象,然后可以进行类似文件对象的操作.本例试着打开google ...

  4. Node.js代码模块化

    js语言发展到现在逐渐的像后端语言来,学习了一些后端语言的特性,这里主要讲述的是js语言的模块化管理 首先新建一个js文件 'use strict'; var s = 'Hello'; functio ...

  5. git项目,VSCode显示不同颜色块的含义

    一. 概念 代码里的左侧颜色标识: 红色,未加入版本控制; (刚clone到本地) 绿色,已经加入版本控制暂未提交; (新增部分) 蓝色,加入版本控制,已提交,有改动: (修改部分) 白色,加入版本控 ...

  6. _event

      EventId  事件ID 请使用大于100的ID EventName 事件的名称,用于游戏中各种提示 NoticeText  事件开始时的弹窗内容 GossipText  功能宝石等菜单内容 Z ...

  7. LCA 模板

    关于LCA: LCA 指树上两点的公共祖先. 如何 “暴力” 找两点的 LCA : 可以先 DFS 一遍求出每个点的 dep (深度).然后从深度大的点先往上跳,跳到与另一个点相同的深度,如果还没有到 ...

  8. 关于python的“重载”

    首先,关于python和java的区别: 1.Java有是通过方法名和方法列表来定义一个函数,python是通过方法名来定义一个函数(不允许方法名相同的函数存在) 2.java是通过定义多个相同方法名 ...

  9. CentOS7下搭建Nginx+PHP7的安装配置

    一.安装编译工具及库文件: yum -y install make zlib zlib-devel gcc-c++ libtool openssl openssl-devel 环境要求 nginx是C ...

  10. 力扣(LeetCode) 136. 只出现一次的数字

    给定一个非空整数数组,除了某个元素只出现一次以外,其余每个元素均出现两次.找出那个只出现了一次的元素. 说明: 你的算法应该具有线性时间复杂度. 你可以不使用额外空间来实现吗? 示例 1: 输入: [ ...