传智 张鹏 html+css 课程 笔记1(吐血整理) 下载本文

内容发布更新时间 : 2024/5/19 17:44:45星期一 下面是文章的全部内容请认真阅读。

Html+Css(张鹏)听课笔记1

1、最好的学习html方式:参考查看他人网站的网页源代码

2、语法:

(1)双标记:<标记符 属性=\值\内容 (2)单标记:(a)<标记符 属性=\值\ (b)<标记符 />

3、老师联系方式:seo100@126.com QQ1725210

4、在xhtml中规定所有标记符都要小写,所有标记符(包括单标记符)都要有关闭,如
(在html中是

5、html文档结构: 标题 正文

6、meta标记位于之间,用于定义文件信息,对网页文件进行说明,便于搜索引擎查找。

(1)设置关键字:将name赋keywords,content赋具体的关键字

(4)设置页面跳转:将http-equiv赋refresh,content赋具体的秒数和跳转网址

7、EditPlus

(1)复制一行ctrl+j

(2)向右缩进Tab,向左缩进shift+Tab (3)颜色区别

8、注释:

9、body标记符的属性(推荐使用css): (1)bgcolor=\背景颜色\

(2)background=\同一路径下的图片名称及扩展名\(3)text=\文字颜色\

(4)leftmargin=\左边距\,同理有右、上、下边距

10、w3school.chm手册

11、PSCapture(红绿工具):抓图工具

12、字符标记

一、font标记符的属性(推荐使用css): (1)color=\文本颜色\(2)size=\字号\(3)face=\字体\二、:加粗

:加粗(加强语气) 三、:倾斜

:倾斜(加强语气) 四、:下划线

13、段落标记

段落内容

14、p标记的属性:对齐方式align=\或者\或者\

15、h1-h6标题标记:h1最大,h6最小

属性:对齐方式align=\或者\或者\

16、
:换行(不换段)

17、


:水平直线 属性:(1)size=\或者\ (2)width=\或者\

(3)对齐方式align=\或者\或者\ (4)noshade=\或者\或者\

18、块引用标记blockquote:文本缩进

19、预格式化标记pre

20、特殊字符(注意都有分号) (1)空格:  (2)版权号:© (3)注册商标:® (4)<:< >:&rt;

21、列表标记

(1)无序列表:

  • ...
  • ...
  • ...

注:可加属性type=\或者\或者\(2)有序列表:

  1. ...
  2. ...
  3. ...

注:可加属性type=\或者\或者\或者\或者\

可加属性start=\起点数字\(任何type类型,此值只能是数字表示起点) (3)定义列表:

...

...
...
...
...

...
...
...

...
...
...

22、图片(gif、jpeg、png)标记:

align=\或者\或者\或者\或者\ vspase=\垂直间距\