一、HTML的快速入门
H T M L hyperText Markup language 超文本标记语言
超文本:具有特殊功能的文本
标记: markup 范围了超文本的组成形式。
语言: 语言
HTML是网页的设计语言,由HTML语言编写的文件,以.html和.htm结尾的(后缀)。是由浏览器运行的。
二、文本标记
加粗b 倾斜i 下划线u 删除线s 上标sup 下标sub
换行 br(单标签)
三、标题元素
作用:以标题的形式来显示文本
语法: h1~h6 从大到小的
表现方式:
自带换行效果
自带加粗效果
可以调整水平位置
四、段落标签
作用:在页面中表示一段独立的文本
语法:p
表现方式: 自带换行效果 每个段落里面的内容是不自带换行效果的
换行标签 : br
五、分割线标签
作用:在页面上显示一条直线
语法:
通用属性
id 页面元素独一无二的标识
class 定义元素的选择器
style 定义标签的行内样式
title 鼠标移入到元素(标签)上的时候显示的内容
六、快捷键
ctrl + c 复制
ctrl + v 粘贴
ctrl + z 撤回
ctrl + s 保存
ctrl + d 删除一行
ctrl + x 剪切
ctrl + r 运行
ctrl + a 全选
ctrl + y 反撤销
win + d 快速回到桌面
alt + F4 关闭当前窗口
alt + tab切换页面
ctrl+shift+f 格式化代码
七、字体标签
作用:调整文本的表现形式
孝子吕布-取我方天画戟 我儿奉先何在
八、超链接标签
作用:用于网页之间的跳转
URL: 统一资源定位符
http://www.baidu.com
a :href :跳转的地址
target:跳转的方式
一、转义字符
由<> 包裹的文本 会当做标签去解析
空格
&emsp; ?
< 、gt < >
二、行内元素和块级元素
1.块级标签
默认情况下,每一个块级元素都是独占一行的即元素的前后都会换行 都有 align 属性 p h1~6 hr div
2.行内标签
不会换行可以和其他的标签或文本在一行内显示
b i s sup sub span
注意事项(编程规则)
p标记不能嵌套块级元素 w3c的规范一个段落里面不能放另外一个文章
三、web浏览器
谷歌 GOOgle Chrome
火狐 fireFox
ie
Opera 欧朋
Safari 苹果
四、超链接标签
URL 统一资源定位符
三种表现 绝对路径
解释:从文件所在的最高级目录下开始的完整路径
1.1访问互联网上的资源
2.2访问本机的资源
相对路径
解释:文件所在的位置开始查找 资源文件所在的位置经过的路径
1.1当前文件和资源文在同目录下 直接可以用名称引用
2.2资源文件在当前目录的子目录中 先进入,再引用
3.3 资源文件在当前文件的父目录中 先返回 再引用 …/ 返回上一级 …/…/ …/…/…/
根相对路径
在服务器上面使用的,只有服务器端才能用得到
表现 /作为开始
/img/ben.jpg 在项目中先找到一个img的文件夹 再找btn的图片
锚点:
作用: 在网页中的任意位置添加记号 可由任意位置跳转到该记号
使用:
1.定义锚点
a标签的 一个属性 name
其他标签里面用 id 属性
2.在另外一个地方跳转
五、跑马灯标签
作用:将文本在页面上流动显示(滚动播放)
用法:
属性: scrollamount 速度
behavior 样式
六、图片标签
作用:在页面上 添加一张图片
用法:
图片的格式: jpg有损压缩 png无损压缩的图片支持透明度 gif动图
七、表格
1、表格的作用
按照一定的格式摆放数据
表格是由一些被称为单元格的矩形框组成
按照从左到右,从上到下的顺序排列到一起组成的。
2、创建表格
1.定义表格 table
2.创建行 tr
3.创建单元格td
3、表格属性
table属性
border:边框
cellpadding:单元格的内边距(单元格边框与内容之间的距离)
cellspacing:单元格的外边距(单元格之间的距离)
width:宽度
height:高度
align:对齐方式(整个表格)
bgcolor 背景颜色(纯色填充)
bordercolor 边框颜色
background: 背景图片
tr属性(行)
tr是没有宽高属性的
align:水平对齐方式(内容)
valign:垂直对齐方式
td属性(单元格)
width :每个单元格的宽度
height:每个单元格的高度
align:水平(单个单元格的内容)
valign:垂直
不规则表格的创建
1.跨行 rowspan属性 纵向向下 包含自己
2.跨列 colspan属性 横向向右 包含自己
表格标题
语法:<caption></caption>
注意:表格标题必须跟在 table后面 而且最多只能有一个。