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. dotNet Linux 学习记录 - Jexus寄宿WCF服务

    让WCF运行在Linux上(寄宿于服务器程序) WCF介绍请自行 bing 搜索 使用的开发工具为vs2017,系统为 Ubuntu16.04 服务器软件为Jexus ( 详情请看:  Jexus官网 ...

  2. MapReduce运行流程分析

    研究MapReduce已经有一段时间了.起初是从分析WordCount程序开始,后来开始阅读Hadoop源码,自认为已经看清MapReduce的运行流程.现在把自己的理解贴出来,与大家分享,欢迎纠错. ...

  3. 4.docker学习之镜像

    镜像 我们知道,我们想在Windows操作系统上跑Linux,需要安装一个虚拟机程序,然后下载一个Linux镜像,在该虚拟机程序中创建一个虚拟机,并使用该镜像安装对应的Linux操作系统,安装好之后, ...

  4. 用php+ajax新建流程(请假、进货、出货等)

    对管理者来说,电脑操作的请假流程要比人工请假流程的效率高出很多,那么如何新建这个流程呢? 首先:需要明确需要操作哪些流程? 其次:每一个流程需要那些人员来执行? 最后:执行该流程人员的顺序是什么?   ...

  5. Git添加远程库和从远程库中获取(新手傻瓜式教学)

    一.    Git添加远程库 1.在本地新建一个文件夹,在该文件夹使用Git工具,运行$ git init,将该文件夹变为本地Git仓库,同时会生成一个隐藏的.git文件夹. 2.在该文件夹中用Not ...

  6. Segmentation Faul

    转自:http://www.cnblogs.com/panfeng412/archive/2011/11/06/segmentation-fault-in-linux.html

  7. 卸载XCode插件的方法

    1.Finder--前往---前往文件夹--输入~/Library/Developer/Xcode/Plug-ins 2.删除要卸载的插件即可.

  8. 详解Centos默认磁盘分区

    对于有经验的Linux系统管理员,在安装系统之前都会对系统的分区进行规划:针对这一需求,下面就通过默认的Centos分区与大家分享一些关于Linux系统的知识.Linux系统的磁盘命名规范:硬盘类型标 ...

  9. 3.Node.js 自定义微信菜单

    文章目录:         1.Node.js 接入微信公众平台开发         2.Node.js access_token的获取.存储及更新         3.Node.js 自定义微信菜单 ...

  10. Webpack新手入门教程(学习笔记)

    p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; text-align: center; font: 30.0px Helvetica; color: #000000 } ...