html语法基础.ppt

第一章，HTML基本标签，2、就业技能结构图，3、课程目标和课程项目展示。学习本课程后，您可以：课程项目展示，演示示例1:课程项目展示，可以制作一个界面美观大方的静态商务网站和企业应用，没有动态脚本功能。请详细说明HTML文档的基本结构。图像和文本的对齐方式是什么？该标签的哪个属性通常用于创建超链接？5、本章任务，制作图文并茂的“广告”页面，检查源代码，6、本章目标，将使用HTML的基本结构来创建网页，将使用文本相关标签来实现文本装饰和布局，将使用图像相关标签来实现图文并茂的页面，将使用超链接相关标签来实现页面跳转，7、HTML文件基本结构，HTML文档结构，我的第一个网页HelloWorld！网页，头部，身体部分，标签标记了超文本标记语言文档的开始和结束，网页标题、网页内容，可以是文本、图像等。这部分包含文本、图像和链接。它包含在选项卡中以查看源代码，其中包括标题和其他解释性信息。包括在.选项卡，8，使用记事本创建网页，演示示例2:如何在记事本中创建网页，使用记事本创建网页的步骤：1，打开记事本2，输入HTML代码3，另存为*。html或*。htm文件，注意格式问题4，打开网页预览效果，使用记事本创建网页，9，标签，网页标题，网页中的乱码，如何消除乱码并使其正常显示？使用标签，简体中文：gb2312繁体中文：big5纯英文网页：iso-8859-1，可避免页面中的随机代码，10，页面背景色或背景图片，HelloWorld！为了使页面美观大方，页面的背景应该尽可能的浅，地狱世界！检查源代码，网页背景颜色，网页背景图像，11，文本相关标签，字体和字号标题标签-标签粗体下划线斜体特殊符号行控制段落标签换行标签，已使用.更改段落，设置字体大小和颜色，换行，特殊符号，12，字体，字体大小相关标签，标题标签.#=1，2，3，4，5，6指令：对字体大小按顺序递减，1级标题，2级标题，3级标题，4级标题，5级标题，6级标题.h1到H6标签用于指定不同级别的标题、视图源代码、13，字体、字体大小相关标签、标签特殊符号、字体大小值、字体颜色、字体类型、14、字体、字体大小相关标签、查看源代码，手机充值，IP卡/电话卡移动版权所有.空间效果，15，淘宝交易会欢迎你！淘宝第一次催友会！以下是本报告主要内容的概述：1 .本报告的主要内容如下：1 .本报告的主要内容如下：1 .本报告的主要内容如下：1 .本报告的主要内容如下：1 .本报告的主要内容如下：1 .本报告的主要内容如下：1 .本报告的主要内容如下：1 .本报告的主要内容如下：1 .本报告的主要内容如下：1 .本报告的主要内容如下：1 .本报告的主要内容是为图像添加的提示性文本、18、图像标签、图像和文本的对齐、图像和文本的居中对齐、顶部和底部值。请点击广告进入明星区.查看源代码，图像和文本的居中对齐，19，摘要1，字体大小3，练习答案，练习代码，编写对应于下图所示效果的html代码，20，文本布局，内容分隔标签项目列表和编号排序列表预格式化文本标签，水平分隔线，排序列表，排序列表，排序列表，使用的预定义格式，21，如何使用内容分隔标签，线条粗细值，线条宽度，查看源代码， 用于在页面上绘制水平线的标签，线条的颜色，22，如何使用列表，无序列表语法列表项的内容.有序列表语法列表项的内容.检查源代码，注册步骤：-1/a/I填写信息，接收电子邮件，并在道路指南上注册成功的新用户-光盘(实心圆)/正方形(盒)/圆形(空心圆)如何激活成员名称？如何注册淘宝会员？注册时对密码设置有什么要求？支付宝认证、23、预格式化文本标签，如何在下图所示页面实现文本效果？使用标签可以实现，24，如何使用预先格式化的文字标签，腾讯-QQ货币/QQ幻想-30元卡价格：26.45元运费：卖家承担剩余运费时间：5天宝贝类型：新卖家声明：货到付款，可使用10天！查看源代码，其代码格式与浏览器中显示的相同，25，页面链接标签，链接到其他页面免费注册，链接内容，链接地址，链接到其他页面免费注册登录，点击页面链接到免费注册后，查看源代码，26，页面链接标签，其他页面的绝对路径指定从根目录到文件的完整路径。相对路径指定相对于当前文件的文件位置。，同一文件夹下有两个html文件。从一个文件到另一个文件有多少种超链接方式？两种方式：相对路径和绝对路径，27，页面链接标签，链接到同一目录下的页面(C:HTML)，可以写或，相对路径名，绝对路径名，28，页面链接标签，实现如下图所示的超链接效果，怎么办？演示示例3:演示锚点链接示例，使用锚点标记，29，页面链接标记，锚点标记链接到此页面是用来使用户“跳转”到文档的一部分，HTML NAME属性是用来创建锚点标记的主题名称，以实现这种跳转效果，请使用标签主题名称中的HREF参数，演示示例4:演示锚点链接示例，链接到其他页面新人们在路上.道路指南上的新人.1。定义锚标记，2。链接到锚标记的位置，30。滚动标签，滚动文本或图像，滚动延迟时间，并滚动对象的方向。描述：滚动：表示滚动延迟时间，默认值为90。方向：指示滚动的方向，默认为从右向左。31岁，查看源代码，滚动标签，水平滚动和垂直滚动雅芳化妆品雅诗兰黛.水平向左移动，垂直向上移动，图片和文本同时垂直向上移动，宣布滚动文本结束，宣布滚动文本开始“水平滚动”，默认情况下将从右向左滚动，32，summary 2，ordered list OL，unordered list UL，practice answers，practice codes，编写对应于下图所示效果的ht