传智播客HTML笔记

Lesson 1

一、Html 简介

①超文本标记语言html不是编程语言，是一种描述性标记

语言eg: color,size

②Html文档创建方式：用html语言创建文档

手工直接编写（记事本）

通过图形化的语言的html开发软件：dw

由web服务器上动态网页程序生成：php

二、html语法总结

①双标记<开始标记>内容

有属性值：

无属性值：

②单标记：<标记/>

换行

---

分隔符

③标记的属性：<标记属性1=“参数1”属性2=“参数2”>内容

说明

A．标记与属性、属性之间以空格分隔

B．属性不分先后顺序，且属性不是必须的

C．建议所有标记采用小写

Lesson2

一、Html的文档结构

正文

二、meta标签，标记用于定义文件信息

Meta标签用于定义文件信息，放置于

设置关键字

设置描述

设置作者名

设置字符集（UTF-8 3字节gb2312 2字节）

设置页面定时跳转：

例子：

Lesson 3 html编辑器及body详解

一、html编辑器

编辑器：editplus

好处：代码会有颜色区别的

二、body详解

Body属性：

rightmargin=”右边界” topmargin=”上边界” bottommargin=”下边界”>...

Lesson4~Lesson5

一、html标记语义应用

Html文件名最好使用英文

字体修饰：

（1）标记

语法：文本

注意：网页的文本字体一般通过CSS修饰

（2）字符格式

另：

标题文本

比权限高

*****写html代码的流程*****

1先写控制内容的标记，例如这内容比较重要，可以在语义上加权关键字

如果这部分内容是这篇文章的主题----使用

标题文本

2段落文字内容----

段落内容

++++++++++++++++++++++++++++++++++++++++++++++ ++++++++++++++++++++++++

例如：E:\笑笑\网页设计\html-exercise\demo1

笔记本电脑

排行榜全面强劲新锐之选

ThinkPad Edge系列采用英特尔(R)酷睿TM处理器.性能强劲提升,身躯更轻薄!全新悬浮式键盘,

将想象力发挥至极致,操作更便捷,创想从此拥有更多可能!

2013-07

- 推广

2013全新索尼

笔记本电脑

旗舰索尼V AIO Pro新登场!

索尼

笔记本电脑V AIO Pro-轻,薄,彰显品质.新一代超极本(TM) 创新源自英特尔科技.全新索尼

V AIO Pro采用坚固碳纤维机身,8.5小时持久续航.详情请登陆索尼商城!

2013-07

- 推广