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. 一行css解决图片统一大小后的拉伸问题(被冷漠的object-fit)

    一.先来个实战 1. 测试案例 需求: 要求表情库里所有表情包大小都固定 实际效果: 由于图片原始大小都不一样,强行设定大小值会导致拉伸,如果不设定大小则参差不齐.例如: //html <bod ...

  2. 转 class和struct最本质的区别

    class和struct最本质的区别是class是引用类型,而struct是值类型,它们在内存中的分配情况有所区别. 什么是class? class(类)是面向对象编程的基本概念,是一种自定义数据结构 ...

  3. git 修改文件夹名字后如何提交

    将文件夹名字从 v1.0.1 修改为 v1.0.2 git add --ignore-removal "v1.0.2/xsxsx"

  4. 前端html5/css基础知识

    https://www.cnblogs.com/clschao/articles/10073124.html

  5. scss切页面

    html <div class="data-list"> <div class="data-list-item"> <div cl ...

  6. 学习笔记6—pandas中ix,loc,iloc有什么区别？

    直接看例子: >>> data = pd.Series(np.arange(10), index=[49,48,47,46,45, 1, 2, 3, 4, 5]) >>& ...

  7. java 数据导入xls

    @RequestMapping("admin/doorDesign/getexcel.do") public void getExcel(String name,String ph ...

  8. Webpack 常见静态资源处理 - 模块加载器（Loaders）+ExtractTextPlugin插件

    Webpack 常见静态资源处理 - 模块加载器(Loaders)+ExtractTextPlugin插件 webpack系列目录 webpack 系列 一:模块系统的演进 webpack 系列 二: ...

  9. mysqlsh : mysql shell tutorial

    MySQL Shell 是一个高级的命令行客户端以及代码编辑器for Mysql. 除了SQL,MySQL Shell也提供脚本能力 for JS and Python. When MySQL she ...

  10. gdb 不同位置，函数调用参数显示差异

    gdb 不同位置,函数调用参数显示差异,如: copy_strings (argc=1, argv=0xffcf08, page=0xffce6c, p=131068, from_kmem=2) at ...