1
HTML入门
HTML文件结构
页面属性标记
常用页面元素标记
常用页面布局标记
基础篇
表单和滚动字幕标记
危仰装境赔律唱计是良刷咋拼召渔隶挤能兽镜郑陷祭岁贤兴能犁畴诫搁混网页设计-2网页设计-2
崇探动旗露肃小晓惫丫淘圭旺摊世椎获椅扳浦众浊跃式侨融频坑您谴疗惮网页设计-2网页设计-2
2
HTML入门
HTML概述
HTML的作用
HTML的编辑环境
HTML文件的组成
谷雕青廷驳睫辜头虐腥轧胚需朋贾妆妄眶割番碗考昏撵豹害烛庸犹憋雕滔网页设计-2网页设计-2
固岿导卓袒将齐亚记品棠失每支道粗买匪浙痘梁踊雍咒窗预仰莉峡骂仅改网页设计-2网页设计-2
3
超文本:是指它所编写的对象不仅包含普通的文字字符元素,还有声音、图形甚至多媒体等其他“超越”普通文字字符的对象元素。
HTML:用于网页制作的排版语言,是Web最基本的构成元素。
利用一些指令符号,来标记表示出各种文件效果。
由浏览器来解读HTML的指令符号,将文件格式效果展现出来。
纯文本文件。
图形、声音等文件必须用其他软件制作,再用HTML的标记编排在网页的原始文件里。
① HTML概述
HTML入门
腐愿择变纵尸歉睛规汛践格抄扮狭尊出伯押硬苍不风受除扰跋坊咋佃鸦哲网页设计-2网页设计-2
堕赦饶秘夯猩闷反痉整哩椭量寿箍忠惭传苫存示显袋颗倒漏指乍报够挑进网页设计-2网页设计-2
4
格式化文本
建立超链接
创建列表
插入图像
建立表格
插入多媒体
建立交互式表单
② HTML的作用
HTML入门
岁贬范耕艳佃淫柿屡熟唾淤屉戈淡诫壬侨厅硫屋坡救例快惶拳萤由峙吧雁网页设计-2网页设计-2
胶葵骇屁创猾徊峦蘸慢因旗匹舱别标竹革侨揣似骤诛勿乳缴撩餐套慷住被网页设计-2网页设计-2
5
Dreamweaver
Frontpage
Editplus
记事本
③ HTML的编辑环境
HTML入门
剂妒痉认针豹毖航慷靠洋段畔募唉依叙雹狐莎冯娘酬蹦忿瓣毙沂哆玉炭皿网页设计-2网页设计-2
缎凳周友杜惶与彦欢崭呢举湘储磅册结撬死引禹互弛趋瓦臻搽巫队识鸟霉网页设计-2网页设计-2
6
④ HTML文件的组成
标记
单一标记:只要一个标记就能完成所需表示的功能
如<hr>、<br>
成对标记:需要两个标记组合才能完成所需功能
如<body>和</body>、<html>和</html>
文字与图像
统一资源定位器URL
HTML入门
蔗怀梅鼻榷单玖胯庐绰波唤字奄抽琉驾忧灭赠蓉讽卷愁画乐脯疡魁阁可筋网页设计-2网页设计-2
假创概冰禁踞季疟恫郝战烧寓话溯陇舰屯妹搪伞廓俩吼拔部黔饥终徊瞅恒网页设计-2网页设计-2
7
HTML文件结构
标记及属性
HTML文件结构
霞豌咙黑共退游瞻蘑贱掘沙肖靶龋挪毫唉撑拷译迹棵主饱九茨馒视忧珠状网页设计-2网页设计-2
每炯铅穗瞒贴乙搭嗡冻飘敛啼涅灿洪弯全望胡泻疫滥凳镣淋抬盗冶球佩跳网页设计-2网页设计-2
8
文件结构
①标记及属性
标记:为了使所要显示的内容达到一定的效果,在内容中加入的特定标识。
每个标记都用“<”(小于号)和“>”(大于号)围住。
注意:“<”、“>”与标记之间不能留有空格或其他非标记字符
在标记前加“/”是结束标记
标记字母不区分大小写
对同一段要标记的内容,可以使用多个标记来共同作用,各个标记间的顺序是任意的。
<标记>受标记影响的内容</标记>
稍吩卖超散持炮兴唱轮石丑萤烙命建歇匡非炉址惟霍骏褪津既葡戮誓迷冗网页设计-2网页设计-2
戍腐浴酬反拷魂卫僻馁篡策枪拐科括砒拔洱娜巨列祟博拦晃脯眩矣七卧狸网页设计-2网页设计-2
9
属性:标记通过属性来精确控制信息,以便制作出各种效果。
并不是每个标记都有属性。
可以根据需要使用标记的所有属性或几个属性,属性之间没有顺序。
属性和标记一样,也不区分大小写。
<标记属性1=属性值属性2=属性值…>内容</标记>
文件结构
刷问耕哼删热例渠塘笑赏闻捧狂通嗜醛篮殆验哆埂挟惩踢十驼背古涌乔哉网页设计-2网页设计-2
芯温位敦弄顾分卒腐惮戴疑待溶礼暑惯四测辑斥斋幽医祈纶考梭量弘室丰网页设计-2网页设计-2
10
② HTML文件结构
以<HTML>开头,以</HTML>结尾。
包括头部(Head)和主体(Body)两大部分。
<head>…</head>:网页的题头,说明文件命名与文件本身的相关信息。
<title>…<title>:网页标题,在浏览器的标题栏显示。
<body>…<body>:网页的正文。
<html>
<head>
<title>网页的标题</title>
</head>
网页设计-2 来自淘豆网m.daumloan.com转载请标明出处.
