不喝可乐_7889
不喝可乐_7889

html5和css3笔记

第1章 html基本结构

认识HTML：

html不是一种编程语言，是一种标志语言

标记语言是由一套标识标签组成的

html使用标签来描述网页

html结构：

1

2

3

4

不成对出现的标签


HTML 基本标签的讲解：

标签

—-

仅仅用于标题文本，不要为了产生粗体文本使用它们

标签 段落标签

标签

都会让文字产生加粗效果

用于强调文本，强度更深，表示重要文本—>用于SEO优化

只是视觉加粗效果—>单纯为了产生加粗

标签

em用于强调文本

i只是视觉斜体效果

比强调更强

特殊符号：

  —->空格

> —>大于号

<；—>小于号

"；—>引号

©–>版权号

第三章 html基本标签

HTMl基本标签：

span标签

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

注意：span没有固定的格式表现，当对它应用样式时，才会产生视觉上的变化

标签
 
 
文字的格式按源码的排版来显示，我们称之为预处理格式
 
 
标签—>他有一个必不可少的属性 href
 
 
target属性：
 
 
_self(在原来页面打开)
 
 
_blank（新窗口打开）
 
 
_top（打开时忽略所有的框架）
 
 
_parent（在父窗口中打开）
 
 
创建锚点和锚链接
 
 
锚点也是一种超链接，是页面内进行跳转的超链接
 
 
第一步：创建锚点
 
 
第二步：使用创建好的锚点名称内容
 
 
marquee标签
 
 
可以创建一个内容滚动效果
 
 
1
 
 
direction表示滚动方向，取值有（left,right,up,down,默认left）
 
 
loop表示滚动循环的次数，默认为无限循环
 
 
1οnmοuseοver=this.stop() οnmοuseοver=this.start() scrollamout="1"(滚动速度)
 
 
表示当鼠标移上区域的时候停止滚动，鼠标移开继续滚动
 
 
第四章 img图片标签与路径
 
 
图片标签与路径：
 
 
常见图片格式jpgpnggif
 
 
Gif（只支持全透明）
 
 
Jpeg/jpg
 
 
Png半/全透明都支持
 
 
图片标签写法 ：
 
 
 
 
图片四要素：
 
 
src=""图片路径
 
 
alt=""图片含义
 
 
width=""图片宽度 和图片大小保持一致
 
 
height=""图片高度 和图片大小保持一致
 
 
title=""
 
 
路径知识：
 
 
相对路径、绝对路径：
 
 
相对路径：(Relative Path) 相对于该文件的路径；
 
 
绝对路径：(Absolute Path) 从磁盘出发的路径；
 
 
align属性–设置图片与后面文字的位置关系
 
 
值–top、bottom、middle、absmiddle、left、right
 
 
在静态页面中：
 
 
/开头表示根目录；
 
 
./表示当前目录；（斜画线前面一个点）
 
 
../上级目录；（斜画线前面两个点）
 
 
直接用文件名不带/也表示同一目录
 
 
这些都是相对于当前文件的位置来说的，如果用绝对路径的话就是写全了。
 
 
第五章 三种列表的讲解
 
 
三种列表的知识讲解：