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. Redis学习-Sentinel

    Redis的Sentinel系统用于管理多个Redis服务器(instance), 该系统执行以下三个任务: 监控(Monitoring):Sentinel会不断地检查你的主服务器和从服务器是否运作正 ...

  2. 深入理解Java虚拟机 自己编译JDK

    获取JDK源码 先明确OpenJDK和Sun/OracleJDK之间,以及OpenJDK 6.OpenJDK 7.OpenJDK7u和OpenJDK 8等项目之间是什么关系,这有助于确定接下来编译要使 ...

  3. Cassandra Issue with Tombstone

    1. Cassandra is quicker than postgre and have lower change to lose data. Cassandra doesn't have fore ...

  4. 为什么重写equals时必须重写hashCode方法?(转发+整理)

    为什么重写equals时必须重写hashCode方法? 原文地址:http://www.cnblogs.com/shenliang123/archive/2012/04/16/2452206.html ...

  5. 用户输入与while循环

    函数input()的工作原理: 函数input()让程序短暂运行,等待用户输入一些文本,获取用户输入后将其存储在一个变量中 测试input()功能-- #!/usr/bin/env python#fi ...

  6. Java文件流之练习

    1 )将"今年是反法西斯胜利70周年,举国欢庆,所以要放假啦" 字符串 使用文件字符输出流 写入到oldhappy.txt文件中,复写10000行, 要求换行 在文件的开头写入当前 ...

  7. C++如何入门

    去 Visual Studiohttps://www.visualstudio.com/zh-hans/?rr=https%3A%2F%2Flink.zhihu.com%2F%3Ftarget%3Dh ...

  8. mongoDB数据库的简单使用

    我的第一篇小文章,以前总是写Evernote. mongodb属于非关系型数据库中的文档型数据库. 1.下载安装mongoDB, 文件自动 存放在这个目录下:C:\Program Files\Mong ...

  9. python学习-面向对象

    面向对象 编程方式的区别 过程式编程 函数式编程 面向对象式编程 面向对象编程 对象是类的一个实例 创建 class foo(): def __init__(self): #类的构造方法 pass d ...

  10. PHP面向对象笔记解析

    PHP的面向对象是很重要的内容,也是很常用的内容.所以现在就把PHP面向对象进行整理了一下. 顺带,我会在后面把我整理的一整套CSS3,PHP,MYSQL的开发的笔记打包放到百度云,有需要可以直接去百 ...