《初探HTML.pptx》由会员分享，可在线阅读，更多相关《初探HTML.pptx（29页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第1章初探网页结构2022/12/212理论内容nHTML文档的结构n文本相关的标签n图片标签n超链接标签2022/12/2131.1HTML文档结构nHTML（HyperTextMarkupLanguage）:超文本标签语言n浏览器：“解释和执行”HTML源码的工具n网页：浏览器对HTML代码进行解析后展示的页面解析2022/12/214标签标记HTML文档的开始和结束HTML的基本结构 nHTML文档的结构我的第一个网页HelloWorld!网页标题网页标题网页内容，可以是网页内容，可以是文本、图像等文本、图像等头部部分主体部分HTML网页这部分包括标题和其他说明信息，包括在标签内这部分包
2、含文本、图像和链接，它包括在标签内2022/12/215开发HTML页面n记事本nVisualStudio2012演示如何创建HTML文档2022/12/216使用记事本开发网页n使用记事本开发网页步骤n打开记事本n编辑HTML代码n保存为HTML文件n使用浏览器打开HTML文件2022/12/217使用VisualStudio2012开发网页n开发步骤n打开VisualStudio2012n新建网站n添加网页n编辑网页n浏览网页2022/12/218使用VS开发网页菜单项目结构编辑区选择视图在VS中浏览网页本地打开网页2022/12/219设置网页的背景n设置背景颜色n设置背景图片2022/
3、12/2110背景色设置背景为黄色的页面。Itssocool!设置网页的背景21世纪是互联网的时代，IT行业到处是欣欣向荣的景象！背景图片2022/12/21111.2文本相关标签n标题标签n字体标签n段落标签n换行n水平线n特殊字符n注释2022/12/2112标题标签标题标题一级标题二级标题三级标题四级标题五级标题六级标题2022/12/2113字体标签文本内容2022/12/2114段落标签段落内容淘宝网商品分类手机iPhone5安卓三星索尼HTC笔记本联想苹果戴尔HP华硕运动鞋跑步板鞋篮球帆布拖鞋运动服套装裤子POLO衫T恤2022/12/2115特殊字符如何在页面中显示“”文字信息呢
4、？HTML实体显示结果描述<大于号&&符号®己注册©版权™商标 空格空格符"“引号2022/12/21161.3图像标签n常见的图像格式nPNG、GIF、JPG等。2022/12/2117图片标签的使用苹果手机Apple型号:iPhone5手机价格区间:4000元以上网络类型:GSM/WCDMA/LTE2022/12/2118相对路径与绝对路径n相对路径：相对于当前页面的路径。n绝对路径：文件所在位置的完整路径。网页如何找到要显示的图片？2022/12/2119图片与文本的对齐nalign属性的取值可为top、bottom、mid
5、dle、left或right。如。2022/12/21201.4标签n使用标签可以实现文字或图片的滚动特效，在页面中实现滚动特效可以吸引浏览者的注意，实现页面的动态效果。滚动文字或者图像2022/12/2121marquee的属性nscrolldelay表示滚动延时时间，默认值为90ms。ndirection表示滚动的方向，默认为从右向左。可以取up、down、left和right这4个值。数码产品2022/12/21221.5超链接标签n将网络中的资源连接成一个整体n超链接是指从一个网页指向一个目标的连接关系n实现信息之间的导航与跳转链接2022/12/2123超链接标签nhref属性表示链
6、接资源的路径，可以是相对路径或绝对路径。ntarget属性指定链接在哪个窗口打开，常用的取值有_self（自身窗口打开），_blank（新建窗口打开）等。链接文字或图像2022/12/2124网页间链接苹果手机联想电脑2022/12/2125锚点链接n作用：在页面内跳转，方便用户阅读网页内容n使用步骤：n（1）在页面中创建锚点，使用标签的name属性创建锚点。其语法如：内容。n（2）在页面中创建锚点链接，语法如：内容。在超链接href属性值中的“#”中，通知浏览器该链接将链接到页面内的某个锚记点。2022/12/2126商品类别:运动服饰 数码产品 日用百货运动服饰.锚点连接2022/12/2127电子邮件链接您好，欢迎来到淘宝网！站长信箱商品类别:运动服饰 数码产品 日用百货n使用电子邮件链接，快捷发送Email。n发送邮件2022/12/2128总结nHTML（HypertextMarkupLanguage）即超文本标签语言，是用于描述网页文档的一种标记语言。nHTML的基本结构分为两部分，包括头部（head）和主体（body）两部分。n与文本相关的常用标签。n常见的格式控制标签。n图像标签使用。n使用标签来实现超链接。nHTML文档中的路径分为绝对路径和相对路径。2022/12/2129谢谢观看End