Lesson 1 一、Html 简介
① 超文本标记语言 html不是编程语言,是一种描述性标记语言 eg: color,size ② Html文档创建方式:用html语言创建文档
手工直接编写(记事本)
通过图形化的语言的html开发软件:dw 由web服务器上动态网页程序生成:php
二、html语法总结
①双标记<开始标记>内容结束标记>
有属性值: 无属性值:
换行
分隔符
③标记的属性:<标记 属性1=“参数1” 属性2=“参数2”>内容标记>
说明
A. 标记与属性、属性之间以空格分隔 B. 属性不分先后顺序,且属性不是必须的 C. 建议所有标记采用小写 Lesson2
一、Html的文档结构
1
二、meta标签,标记用于定义文件信息
Meta标签用于定义文件信息,放置于
设置关键字 设置描述 设置作者名设置字符集 (UTF-8 3字节 gb2312 2字节)
设置页面定时跳转: 例子:
Lesson 3 html编辑器及body详解 一、 html编辑器
2
编辑器:editplus
好处:代码会有颜色区别的
二、 body详解 Body属性:
...Lesson4~Lesson5
一、html标记语义应用 Html文件名最好使用英文 字体修饰:
(1)标记
语法:文本 注意:网页的文本字体一般通过CSS修饰 (2)字符格式 功能 加粗 加强语气(加粗) 倾斜 加强语气(倾斜) 下划线 删除行 上标 下标 标记 文本 文本 文本 文本 文本 文本 文本 文本 另:
标题文本
比权限高*****写html代码的流程*****
1先写控制内容的标记,例如这内容比较重要,可以在语义上加权关键字 如果这部分内容是这篇文章的主题----使用
标题文本
2段落文字内容----段落内容
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
3
例如:E:\\笑笑\\网页设计\\html-exercise\\demo1
笔记本电脑
排行榜全面强劲 新锐之选将想象力发挥至极致,操作更便捷,创想从此拥有更多可能!
2013全新索尼 旗舰 索尼VAIO Pro新登场!
4
VAIO Pro-轻,薄,彰显品质.新一代超极本(TM) 创新源自英特尔科技.全新索尼
VAIO Pro采用坚固碳纤维机身,8.5小时持久续航.详情请登陆索尼商城!
排行 华硕笔记本S300,13.3英寸超薄轻巧
,华硕S300CA采用第三代智能英特尔(R)酷睿(TM)i5处理器.轻
薄便携,搭配SonicMaster美声大师,海量存储,2秒开机,2周待机,快速响应Win8无延迟.
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ (3)段落标记
Html标记之间嵌套使用,一层套一层,若出现交叉嵌套会出现问题 段落标记格式:
属性名称 属性值 说明 Align left 左对齐(默认) Center 居中 Right 右对齐 (4)段落标题格式:
5