HTML 1.0笔记.doc
文本预览下载声明
使用DIV+CSS布局网页、使用CSS美化网页、制作精美的商业网站。
会使用HTML的基本结构创建网页,会使用文本相关标签排版文本信息,会使用图像相关标签实现图文并茂的页面,会使用a标签创建超链接、锚链接以及功能性链接。
HTML:Hyper Text(超文本) Markup(构造) Language。
DIV:层叠样式表中的定位技术DIVision,划分、图层;编程中叫整除。
CSS:Cascading Style Sheets,层叠样式表、级联样式表,一种用来表现HTML或XML等文件样式的计算机语言,能做到网页表现与内容分离的一种样式语言。
1.html的网页基本结构:
html
head
title页面名称、标题/title
/head//文件的头部
body
要显示的内容都放在body中
/body//主体部分
/html
HTML…/HTML标签标记着 HTML 文档的开始和结束
网页编辑工具:记事本、UltraEdit。
UltraEdit:一套强大的文本编辑器。
PHP:Hypertext Preprocessor、超文本预处理器,一种通用的开源脚本语言,主要适用于Web开发领域。
JavaScript:有一种直译Ⅹ脚本语言,市一中动态类型、弱类型、基于原型的语言,内置支持类型。与JavaEase功能一样,可以在浏览器上运行。JavaScript就爱内容与ECMA标准,也成为ECMAScript。
ECMA:欧洲计算机制造协会。
DOCTYPE声明:一个文档类型标记是一种标准通用标记语言的文本类型声明,目的是要告诉通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档。
DTD:文本类型定义
DOCTYPE声明:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd//Strict(严格类型)、Transitional(过渡类型)、Frameset(框架类型)
html xmlns=/1999/xhtml//网页网址
head
meta http-equiv=Content-Type content=text/html; charset=gb2312 /
title无标题文档/title
/head
body
/body
/html
如果使用Dreamweaver创建网页,默认的创建XHTML1.0的过渡类型。
2.基本标签:
a:标题标签:通常用于标题或主题,体现标签语义化。
(1)标题的特点:文字变大,上下有间距。
(2)使用标签:h1/h1....h6/h6(文字由大变小)
b:段落标签:
特点:文字大小不变,用来标示这是一段文字,具有换行功能。
标签:p/p
c:换行标签:br/
特点:只换行,不设置上下间距
d:水平线标签:hr width= align=/
说明:width设置宽度,单位可以给百分比,或者多少px像素。align设置水平对齐方式,取值:left、center(默认)、right。
示例:width=50%或者 width=200px
e:设置文字格式:
(1)加粗:strong/strong
(2)倾斜:em/em
注意:如果出现标签嵌套,一定要注意嵌套关系,不要交叉嵌套
错误代码:strongemaaaa/strong/em,改正:strongemaaa/em/strong。
f:特殊符号以及转义码:
空格:nbsp;、版权符:copy;、小于号:lt;、大于号:gt;、quot
g:title标签:网页名
h:meta标签
meta http-equiv=Content-Type content=text/html; charset=gb2312”///网页的字符编码,网页常用的字符编码有gb2312、utf-8
meta name=”keywords” content=”中软高科 ///搜索关键词
meta name=”description” content=”中软高科是国内最大的…… ///内容描述
图像标签:常用的图片格式:JPG(JPEG)、GIF(JPG、GIF是网页中最常用的格式)、PNG(受浏览器兼容性的限制)、BMP
语法:img src=path width=x height=y title=text alt=text/
说明:src:图片的路径、width:图片宽度、height:图片高度、title:鼠标
显示全部