我的学习之路_第二十三章_HTML
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> : 表头标签 特点 : 加粗,居中
转义符: 书写格式: &单词;
空格转义符 :
大于号 : & gt;
小于号 : & lt;
& 符号 : &
框架集标签( frameset ):
常用属性:水平切分 : rows = "12%,80%,*";
垂直切分: cols = " " 要切几份,就在括号中写几个数字
常用子标签:
frame标签
常用标签: src : 值名该区域要显示的内容的页面路径
name: 起名 (用于超链接标签中的framename)
frameset不能与body共存
我的学习之路_第二十三章_HTML的更多相关文章
- 我的学习之路_第二十一章_JDBC连接池
JDBC连接池和DButils [DBCP连接池工具类] 使用读取配置文件的方式 DBCP中有一个工厂类 BasicDataSourceFactory 工厂类中有一个静态方法 返回值为: DataSo ...
- 我的学习之路_第二十七章_jQuery
jQueryjs类库 把常用对象或者方法封装起来,让我们写代码效率更高 1.jQuery 2.extjs [jQuery入门] jQuery的引入: 通过script标签的src属性引入 入门: 获取 ...
- 我的学习之路_第二十章_JDBC
JDBC 使用JDBC技术,通过mysql提供的驱动程序,操作数据库 ● 1. 注册驱动 告知jvm 使用的是什么驱动程序(mysql,oracle) 使用API中的类 DriverManager中的 ...
- 我的学习之路_第二十五_javaScript
Javascript 作用:可以对表单数据进行校验,可以对页面实现一些动态效果 定义: JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型. 它的解释器被称为 ...
- 我的学习之路_第二十八章_JQuery 和validator插件
jQuery 利用jQuery进行遍历 js原生: for(var i=0;i>?;i++){ } jQuery: 方式一: 想要遍历的jQuery对象.each(function(index, ...
- 我的学习之路_第二十九章_bootstrap
bootstrap 内置了html,css,js插件为一体的前端框架 响应式布局: 设计一套页面就可以使用于很多现实设备 bootstrap: 1.入门(响应式布局的容器) 1.先进入jQuery的j ...
- 我的学习之路_第五章_Data,正则
Date 类 (时间类) 所属包:java.util.Date 构造方法: public Date() 返回的是当前时间 也就是1970-1-1到电脑目前的时间值,用毫秒来表示 public Date ...
- Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第二十三章:角色动画
原文:Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第二十三章:角色动画 学习目标 熟悉蒙皮动画的术语: 学习网格层级变换 ...
- 《Linux命令行与shell脚本编程大全》 第二十三章 学习笔记
第二十三章:使用数据库 MySQL数据库 MySQL客户端界面 mysql命令行参数 参数 描述 -A 禁用自动重新生成哈希表 -b 禁用 出错后的beep声 -B 不使用历史文件 -C 压缩客户端和 ...
随机推荐
- IE haslayout
我们都知道浏览器有bug,而IE的bug似乎比大多数浏览器都多.IE的表现与其他浏览器不同的原因之一就是,显示引擎使用一个称为布局(layout)的内部概念. 因为布局是专门针对显示引擎内部工作方 ...
- SQLyog-12.4.2版下载,SQLyog最新版下载,SQLyog官网下载,SQLyog Download
SQLyog-12.4.2版下载,SQLyog最新版下载,SQLyog官网下载,SQLyog Download >>>>>>>>>>> ...
- 基于腾讯云的Centos6.2系统搭建Apache+Mysql+PHP开发环境
搭建环境,我肯定需要先购买腾讯云服务器的哦! 然后,我们打开SecureCRT 7.3,这是一款可以连接Linux系统的客户端工具,使用的很方便快捷,要注意的是,若你是Linux系统的就要用22端口, ...
- js实现超出一定字数隐藏并用省略号"..."代替,点击后又可进行展开和收起,
原理简单阐述:放两个一模一样的div,把你要展示的文字放进去.页面初始化的时候,第一个div展示,第二个 div隐藏,就是这么简单.(ps:可以直接复制代码到你自己项目中,查看效果) 样式部分(记得引 ...
- 无声的吐槽csdn
上次朋友聚会,说csdn挺好的,我琢磨着,那好我也去注册一个.经过n次的注册(用户名那边老是验证不过,不给中文开头,然后随便填了一个),终于搞定了! 我想,不错啊,做了这么多限制,挺安全的感觉.然后我 ...
- R formulas in Spark and un-nesting data in SparklyR: Nice and handy!
Intro In an earlier post I talked about Spark and sparklyR and did some experiments. At my work here ...
- spring annotation功能备注
@Autowired @Autowired 注释可以在 setter 方法中被用于自动连接 bean.以type方式进行匹配. 一个构造函数 @Autowired 说明当创建 bean 时,即使在 ...
- Zepto源码分析-架构
构造函数 Zepto.js 是专门为智能手机浏览器推出的javascript库, 拥有与和jQuery相似的语法. 它的优点是精简,压缩后5-10K. 不支持IE MIT开源协议 结构 http: ...
- java实现文件批量导入导出实例(兼容xls,xlsx)
1.介绍 java实现文件的导入导出数据库,目前在大部分系统中是比较常见的功能了,今天写个小demo来理解其原理,没接触过的同学也可以看看参考下. 目前我所接触过的导入导出技术主要有POI和iRepo ...
- 【Python的迭代器,生成器】
一.可迭代对象和迭代器 1.迭代的概念 上一次输出的结果为下一次输入的初始值,重复的过程称为迭代,每次重复即一次迭代,并且每次迭代的结果是下一次迭代的初始值 注:循环不是迭代 while True: ...