html 图片行内剧中,HTML入门(转义字符、行内样式和块级元素、定位、锚点、跑马灯标签、图片标签、表格标签的讲解)...

一、转义字符

由特殊字符包裹的文本 会当做标签去解析

 对应不换行空格

 对应全角空格 em是字体排印学的计量单位，相当于当前指定的点数。其占据的宽度正好是1个中文宽度，而且基本上不受字体影响。

<对应<

>对应>

二、行内元素和块级元素

1.块级标签

默认情况下，每一个块级元素都是独占一行的即元素的前后都会换行 都有 align 属性，例如：

p标签　　　　段落标签

h1~6标签　　 标题标签

hr标签　　　  水平分割线标签

div标签　　　 块级元素

2.行内标签

不会换行可以和其他的标签或文本在一行内显示，例如下列标签：

strong标签或者b标签都表示加粗标签

em标签或者i标签都表示倾斜标签

s标签或者del标签都表示删除标签

sup表示上标标签

sub表示下标标签

span被用来组合文档中的行内元素。

注意事项(编程规则)

p标记不能嵌套块级元素 w3c的规范

一个段落里面不能放另外一个文章

三、web浏览器

谷歌 GOOgle Chrome

火狐 fireFox

IE

欧朋 Opera

苹果 Safari

四、超链接标签

URL 统一资源定位符

三种表现：绝对路径

解释：从文件所在的最高级目录下开始的完整路径

1.1访问互联网上的资源

1.2访问本机的资源

相对路径

解释：文件所在的位置开始查找 资源文件所在的位置经过的路径

2.1当前文件和资源文在同目录下 直接可以用名称引用

2.2资源文件在当前目录的子目录中 先进入，再引用

2.3 资源文件在当前文件的父目录中 先返回 再引用 ../ 返回上一级，多层返回上一级以此类推，例如：../../../../../

根相对路径

在服务器上面使用的，只有服务器端才能用得到

表现/作为开始

例如/img/ben.jpg 在项目中先找到一个img的文件夹 再找ben的图片

锚点：

作用： 在网页中的任意位置添加记号 可由任意位置跳转到该记号

使用：1.定义锚点

a标签的 一个属性 name

其他标签里面用 id 属性

2.在另外一个地方跳转

五、跑马灯标签

作用：将文本在页面上流动显示(滚动播放)

用法： 内容

属性：滚动速度 scrollamount，值越大，滚动速度越快 一般5-10比较适宜消息观看

滚动方式 behavior，3个值 scroll-循环滚动 slide-只滚动一次 alternate-来回滚动 默认循环滚动

滚动方向 direction，滚动方向 direction 4个值 up down left right 默认从右向左

滚动循环 loop，默认值-1或infinite 表示无限循环滚动 loop="数值" 表示滚动相应的次数

滚动背景颜色 bgcolor

滚动空间 hspace-水平边距 vspace-垂直边距

滚动延迟 scrolldelay，值越大，滚动速度越慢，通常不设置

六、图片标签

作用：在页面上 添加一张图片

用法：

图片的格式： 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属性 横向向右 包含自己

表格标题

语法：

注意：表格标题必须跟在 table后面 而且最多只能有一个。

本文来源于网络：查看 >https://www.cnblogs.com/MDZZZ/p/11991616.html