HTML新手快速入门指南

《HTML新手快速入门指南》由会员分享，可在线阅读，更多相关《HTML新手快速入门指南（8页珍藏版）》请在金锄头文库上搜索。

1、1安装 不能空格，不能中文，不然安装上有可能无法访问启动 Httpd 服务器：可以使用控制程序，或者操作系统的服务控制台（右击 -鼠标 -管理 ）或者 运行键点(services.msc)服务控制台或者直接使用命令 net start Apache2.2 可以查看系统打开的端口（port）号，确认 httpd 是否已经启动：netstat -anb使用浏览器访问 httpd 服务器 （127.0.0.1）别的不行，不然无法嫁接服务器！WEB 三要素：（1）Server(2)Client/Browser(3)HTTP/HTTPShttp:/IP/path/xx.html3 服务器端技术和客户端技

2、术 常见的服务器端技术（运行在服务器上）PHP/JSP/ASPX/CGI常见的客户端技术（运行在浏览器上）HTML/CSS/JS/SWF4.HTML 技术- 重点 Hyper Text Markup Language ,超文本标记语言，就是 52 个标记嵌入在纯文本中，实现超文本效果的语言 如：hello注意：作为一门计算机语言，HTML 与 java，C，php 不同 ，没有循环，选择等基本语言结构，只有纯文本和 52 个标记文本：就是纯字符超文本：在纯字符中嵌入样式，图片，音频，视频，超链接等内容5.HTML 语法- 重点（1）一篇 HTML 文档就是一个文本文档，其中包含 “纯文本”+标

3、签,必须放在 WEB 服务器 htdocs 里 必须要看见 txt 扩展名（工具-文件夹选项-查看- 隐藏已知文件夹的扩展名） 改为 html，word 文档不是纯文本文档，不能见word 文档，它有 2 进制东西，用记事本打开会出现乱码，所以只能建记事本文档！（2）HTML 中的标签分文 2 种：双标记标签:.单标记标签： 单标记标签中不能包含内容 （属性 -打开方式-记事本-编码方式UTF-8）网页如果还出现乱码就点击 （三 - 工具 - 编码 -utf-8) （3）标签之间可以嵌套 添加子标签，但不能交叉 如：-错误示范 -正确示范 (4)标签名不区分大小写 ，但有个版本的 HTML 要

4、求全小写，推荐全部小写 （5）标签可以声明属性，属性有属性名和属性值 ，属性值需要使用单引号或双引号扩起来 2（6）不同的标签具有不同的属性，所有的标签都具备下列四个属性：id:整个文档每个标签可以声明一个唯一的 id 号 style:为元素指定 CSS class:指定元素所属的样式类型titile:指定标签的弹出式提示语 6.HTML 常用的标签 跑马灯的效果变粗 换行斑马线变斜 字体颜色大小 以上这么写不符合 HTML 文档的基本结构，标签名 含义 常用属性 类型声明一篇文档开始和结束Xmlns:Namespace 名称空间headtitle定义网页的元数据meta data:元数据（描

5、述数据的含义 数据） bodybold 文本加粗，描述样式XHTML 中已废弃 Inline（内联元素）文本加粗的意思，描述语义 XHTML 中推见代替inlineitalic 文本斜体显示描述样式 XHTML 中已废弃 inline文本斜体显示，emphasis（强调）,描述的是语义XHTML 中推荐代替InlineUnderline 下划线效果，描述 被废弃（css 直接实现）InlineStrike 删除线 ，描述样式，也是废弃标签InlineSubscrig 下标字的意思 如 X1（1 会在Inline3X 下面）描述样式上标字 如 X2（2会在 X 右上方）描述样式Inlineh1h

6、2h3h6 Header，标题字 ，描述语义的 （未废弃）注意：标题字在不同的浏览器中默认字体高度，间距都是不一样的，学 CSS 中一定要屏蔽这个问题，不然就飞了BlockParapraph 文章的段落，描述的是语义标签 Block （区块元素）使用元素在任何地方创建手工换行元素-空标记 行内分区工具 跨距 ，是一个最简单的inline 元素 本身没有任何效果，必须配合 CSS 和 JS才会有效果 如 color=redInline元素分组工具，层，常用于内容分层，页面布局 ，是一个最简单的 block 元素配合 CSS 使用（DIV+CSS 布局）Block使用源代码中的效果呈现内容Bloc

7、k通知浏览器此刻应该像服务器发起一个图片请求Src 指定图片的 URLWidth heightinline标签名 说明 常用属性 区块/内联7、HTML 文件的基本结构 （1）文档类型声明 ：HTML 有不同的版本 ，如:html1.0 html2.0 html3.0 html4.0(strict/transitional)xhtml(strict/transitional/frameset) html5 ，不同版本的 HTML 中可以使用的标签的数量以及标签的属性是不同的，且会影响到浏览器对应的 CSS 和 JavaScript 的解释执行。(2)根元素 4子元素子元素body 的子元素 (

8、3) windows+d (开启桌面) 以 DEAMON 结尾的为精灵程序 意思就是服务器程序 页面布局的三种方式：1，TABLE 布局：过时2，DIV+CSS:当前主流，表达的语义不清，因为 div 太多了3，HTML5 布局标签：未来趋势HTML5 中为了页面布局新增了如下标签-头部-导航栏-侧边栏（用于放广告）（页面的版权声明 角度 新闻页脚 友情链接 ）（文章）（一块区域，章节，段落）上述标签本质与 DIV 完全一样 ，无显示效果，仅仅是一个最简单的区块元素-见名知义TABLE 的两个用途：1 显示批量的数据2 作页面布局5HTML 中的列表（1） 无序列表：UL UnorderedL

9、ist（2） 有序列表: OL OrderedList（3） 定义列表（用的少一些）:DL DefinitionList列表项： li ,List Ltem2 表单标签的使用 -重点/难点表单:（form）用于 收集用户的数据，提交给服务器上的某个页面，该页面对表单中提交的数据进行保存或查询 （由 php/jsp/asp 来担当）3 表单中实现文件上传必须满足 （1）表单中使用选择文件（2）表单中必须使用 POST 提交 method=“POST”（3） 表单的编码类型必须声明为 enctype=”multipart/form-data”4 HTML 中的按钮（1） 在表单外调用一个 js 函

10、数时使用(2) 在表单内调用一个 js 函数时使用(3) 在表单内提交表单 （4） 在表单内重置所有输入域为初始值(5)在表单内显示一个图片按钮 ,可用于提交表单，作用与 一样 标签名 含义 常用属性 类型Ul 列表 间距Type: disc/cirle/square BlockLi BlockOL Type: 1/a/A/i/IStartBlockDl Definition listBlockDt Definition typeBlockDd Definition detailsBlockForm Action :指定表单数据的处理页面（动态页面）Method:GET/POST,前者把请求的

11、数据追加在地址栏查询字符串中（有长度的限制） ；后者把数据以单独的数据包发送给服务器（无长度限制，且可用于文件上传 ）Enctype:Encodetype 表单中提交的数据的编码类型，可取值;Text/plain 表单数据不做任何编码直接上传Text/plain/application/x-www-form-Block6urlencoded把表单中的数据（中文、特殊符号）编码后再上传，只能对字符进行编码multipart/form-data 以一种特殊的格式上传字符/字节数据单行文本输入框Name(必需) 指定输入的内容Value 待提交的值/提示文字Maxlength (允许输入的最多的字符

12、数)Readonly 只要出现即表示输入域禁用（不能改不能提交）Inline提交按钮，可以提交表单内容Inline便签，标签，用于给输入域添加提示文字For 指定为某个输入域的 id InlineName ValueChecked 只要出现即表示单选按钮被选定Inline下列框 NameSize 指定显示出来的行数Multiple 只要出现即表示可以多选（按下cirl/shift）Inline选项组 LabelValueSelected 只要出现即表示被选定值再开始标记和结束标记之间，无 value 属性 文本区域，多行文本输入框，只能输入纯文本NameRows 显示出的行数Cols 显示出的

13、列数Inline在表单中添加一个隐藏字段Name(必需) 隐藏字段的名Value(必需) 隐藏字段的值 输入域集合Block输入域集合的标签名按钮 Inline在当前页 Src 待嵌入的页面的 URL， Inline7面中嵌入另一个页面Width HeightStyle=”border:0” 不显示边框 HTML5 新增标签详情 Chome/Opera 支持详情的概述/要度量衡 MinMaxValueInline为网页内容添加日期和时间信息Datetime Inline注意：Textarea 只是纯文本编辑框，要想输入各种样式的文本，图片，表格等需要使用“富文本编辑框”-可使用第三方工具 ( KindEdtior / FCKEdtior / CuteEditor )实现此效果81. HTML 转义字符基本格式： &xxxx;小于号 ： >空格 :  &： &横线： ： © : ® : & trade;HTML 注释: 不需要浏览器处理或显示，可用于以后的调试或者源码读取方便 注意：注释不能嵌套2 HTML 元素的类型：（1）区块元素（block）:必须处于独立的以一行中（2）内联元素（inline）:可以与其它内容处在一行中