欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

叮叮叮HTML第二天

程序员文章站 2022-07-15 14:03:43
...

HTML

一 转义字符

由<> 包裹的文本 会当做标签去解析
nbsp 空格, emsp ? ,lt < , gt >,

二 行内元素和块级元素

1.块级标签
默认情况下,每一个块级元素都是独占一行的即元素的前后都会换行 都有 align 属性 。
例:
p h1~6 hr div
2.行内标签
不会换行可以和其他的标签或文本在一行内显示 。
例:
b i s sup sub span
注意事项(编程规则)
p标记不能嵌套块级元素 w3c的规范一个段落里面不能放另外一个文章。

三 web浏览器

  • 谷歌 GOOgle Chrome
  • 火狐 fireFox
  • ie
  • 欧朋 Opera
  • 苹果 Safari

四 超链接标签扩充 a

URL 统一资源定位符
三种表现

  1. 绝对路径 从文件所在的*目录下开始的完整路径
    1.1访问互联网上的资源
    2.2访问本机的资源
  2. 相对路径文件所在的位置开始查找 资源文件所在的位置经过的路径
    1.1当前文件和资源文在同目录下 直接可以用名称引用
    2.2资源文件在当前目录的子目录中 先进入,再引用
    3.3 资源文件在当前文件的父目录中 先返回 再引用 …/ 返回上一级 …/…/ …/…/…/
  3. 根相对路径在服务器上面使用的,只有服务器端才能用得到
    表现 /作为开始
    /img/ben.jpg 在项目中先找到一个img的文件夹 再找btn的图片

锚点:
作用: 在网页中的任意位置添加记号 可由任意位置跳转到该记号
使用:
1.定义锚点
a标签的 一个属性 name
其他标签里面用 id 属性
2.在另外一个地方跳转
叮叮叮HTML第二天

五 跑马灯标签 marquee

作用:将文本在页面上流动显示(滚动播放)
用法:
叮叮叮HTML第二天
属性: scrollamount 速度
behavior 样式

六 图片标签 img

作用:在页面上 添加一张图片
用法:
叮叮叮HTML第二天
图片的格式:
jpg有损压缩
png无损压缩的图片支持透明度
gif动图

七 表格 table

叮叮叮HTML第二天
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后面   而且最多只能有一个。
相关标签: 初学者

上一篇: css33d摩天轮动画

下一篇: PAT1066