Html : 超级文本语言 ( Hyper text Markup Language )

HTML 文件扩展名是 * .html

HTML 结构都是有标签组成

通常情况下标签有开始标签和结束标签组成 例如 : <a> </a> 围堵标记

如果没有结束标签,不能写文本 例如<img/> 空标记

标签中可以有属性 属性的书写格式: 属性名= "属性值";

文字类标签:

<hn> </hn> n是一个可变参数 n的取值范围1-6 ,1最大 6 最小

特点:加粗,上下留白 ,换行

常用的属性: align : 对齐方式 left(左) center(中) right(右) 默认为左

文字标签:

<font> </font>

常用属性: color (颜色)

size:大小, 1-7 1最小,7最大

face:字体家族 (隶书,草书,楷体....)

颜色的取值:1.直接写夜色的英文单词, 2.RGB 已#开头,跟上6个16进制数. 如#675489

<b></b> : 加粗

<strong></strong> : 加粗

<i></i> : 斜体

排版类标签:

<hr/> : 水平线标签

常用属性: width(宽度): 宽度取值: 1.%百分比 2.px(像素)

align:对齐方式

换行标签: <br />

段落标签 : <p></p> 常用属性: align:对齐方式

图片标签:

<img/>

常用属性: src :指定图片路劲 alt:替代问题 width:宽度 height:高度

路径取值: 1:相对路径 当前路径 : ./图片全名 (./可以不写)
上级路径: ../存放图片的文件名称/图片全名 (有几级文件夹就写几个../)
2:绝对路径 : http://img.baidu.com/xx.jpg

列表标签:

ol : 有序列表 type:控制前面显示样式 数字是默认 可以修改为 A,a,I,i(后两个为罗马数字)

ul : 无序列表 tepe: disc(默认,黑心圆) circle;空心圆 square:方块

共同子标签: li:列表项

超链接标签:

<a></a>
常用属性:

href:跳转的页面的路径

target:跳转的页面的打开方式 _blank:新开一个选项卡打开

_self : 默认 framename:在框架集李显示

路径取值: 相对路径 绝对路径 : 网址 #:跳转到当前页面

表格标签:

<table></table>

常用属性:

border:规定表格边框的宽度
align:对齐方式
width:宽度
height:高度
cellspacing:表格线的间隔

常用子标签:
<tr></tr> : 行标签(横着)

常用属性: bgcolor:背景颜色 align:对齐方式

<td></td> : 单元格(列,竖着)

常用属性: bgcolor:背景颜色 align:对齐方式 rowspan:行合并
colspan:列合并

<th></th> : 表头标签 特点 : 加粗,居中

转义符: 书写格式: &单词;

空格转义符 : &nbsp;

大于号 : & gt;

小于号 : & lt;

& 符号 : &amp;

框架集标签( frameset ):

常用属性:水平切分 : rows = "12%,80%,*";

垂直切分: cols = " " 要切几份,就在括号中写几个数字

常用子标签:

frame标签
常用标签: src : 值名该区域要显示的内容的页面路径

name: 起名 (用于超链接标签中的framename)

frameset不能与body共存

我的学习之路_第二十三章_HTML的更多相关文章

  1. 我的学习之路_第二十一章_JDBC连接池

    JDBC连接池和DButils [DBCP连接池工具类] 使用读取配置文件的方式 DBCP中有一个工厂类 BasicDataSourceFactory 工厂类中有一个静态方法 返回值为: DataSo ...

  2. 我的学习之路_第二十七章_jQuery

    jQueryjs类库 把常用对象或者方法封装起来,让我们写代码效率更高 1.jQuery 2.extjs [jQuery入门] jQuery的引入: 通过script标签的src属性引入 入门: 获取 ...

  3. 我的学习之路_第二十章_JDBC

    JDBC 使用JDBC技术,通过mysql提供的驱动程序,操作数据库 ● 1. 注册驱动 告知jvm 使用的是什么驱动程序(mysql,oracle) 使用API中的类 DriverManager中的 ...

  4. 我的学习之路_第二十五_javaScript

    Javascript 作用:可以对表单数据进行校验,可以对页面实现一些动态效果 定义: JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型. 它的解释器被称为 ...

  5. 我的学习之路_第二十八章_JQuery 和validator插件

    jQuery 利用jQuery进行遍历 js原生: for(var i=0;i>?;i++){ } jQuery: 方式一: 想要遍历的jQuery对象.each(function(index, ...

  6. 我的学习之路_第二十九章_bootstrap

    bootstrap 内置了html,css,js插件为一体的前端框架 响应式布局: 设计一套页面就可以使用于很多现实设备 bootstrap: 1.入门(响应式布局的容器) 1.先进入jQuery的j ...

  7. 我的学习之路_第五章_Data,正则

    Date 类 (时间类) 所属包:java.util.Date 构造方法: public Date() 返回的是当前时间 也就是1970-1-1到电脑目前的时间值,用毫秒来表示 public Date ...

  8. Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第二十三章:角色动画

    原文:Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第二十三章:角色动画 学习目标 熟悉蒙皮动画的术语: 学习网格层级变换 ...

  9. 《Linux命令行与shell脚本编程大全》 第二十三章 学习笔记

    第二十三章:使用数据库 MySQL数据库 MySQL客户端界面 mysql命令行参数 参数 描述 -A 禁用自动重新生成哈希表 -b 禁用 出错后的beep声 -B 不使用历史文件 -C 压缩客户端和 ...

随机推荐

  1. <javaScript> 数组去重的方法总结(2017年)

    现在要求去重下面这个数组: const arr = [1, 2, 3, 3, 3, '0', '1', '2', '测试', '重复', '重复', NaN, NaN, false, false]; ...

  2. Kafka学习-复制

    复制 Kafka可以通过可配置的服务器数量复制每个主题分区的日志(可以为每个主题设置复制因子).这允许在集群中的服务器发生故障时自动故障转移到其他副本,因此在存在故障的情况下,消息仍然可用. 其他消息 ...

  3. NancyFx 2.0的开源框架的使用-AspnetBootstrapping

    新建一个空的Web项目AspnetBootstrappingDemo 然后添加NuGet组件 Nancy Nancy.Hosting.Aspnet Nancy.ViewEngines.Razor 继续 ...

  4. 习惯的PHP命名规则

     从C++转PHP也已经很长一段时间了,一直有点代码洁癖,对于文件名,接口名,类名,方法名等都使用严格的驼峰命名法, 但是有时候会犹豫到底用首字母大写区分还是用下划线区分.今天简单总结和规约一下. 1 ...

  5. nmon指标

    表字段分析 关键指标类型 关键指标名称 关键指标含义 SYS_SUMM CPU% cpu占有率变化情况: IO/sec IO的变化情况: AAA AIX AIX版本号: cpus CPU数量: har ...

  6. 基于html5 Canvas图表库 : ECharts

    ECharts开源来自百度商业前端数据可视化团队,基于html5 Canvas,是一个纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表.创新的拖拽重计算.数据视图.值 ...

  7. MyBatis-3.2.2

    note SqlSessionFactory 它是一个线程安全的 SqlSession 线程非安全,不能做类的公用变量 当数据库字段和实体对象名称不一至时,通过sql的字段命名别名,别名跟实体对象属性 ...

  8. C语言之运算符和条件结构

    表达式:是有操作数和运算符组成的. 操作数:常量.变量.子表达式 X=(x+2)*(y-2); 运算符: 赋值运算符:= .其作用是做赋值运算,将等号后边的值赋值给等号前边的. 复合赋值运算符: += ...

  9. VR全景智慧城市,完美的将虚拟与现实结合

    很多人都粗浅的认为,VR虚拟智慧城市只是简单的将智慧城市和虚拟现实相结合的产物,这样的VR虚拟智慧城市看起来更像是个VR内容产品,而非城市建设成果.但是我们换个角度来思考的话,现在很多VR虚拟智慧城市 ...

  10. Java中设计模式之装饰者模式-3

    装饰者模式: 动态地将责任附加到对象上.若要扩展功能,装饰者提供了比继承更加有弹性的替代方案. 装饰者核心:实现功能组合 继承与组合区别: 继承 继承是给一个类添加行为的比较有效的途径.通过使用继承, ...