html的基本结构演讲人2020-09-15目录01.1、html的基本结构02.4、超链接的使用03.2、文档设置标记04.3、图像标记0 11、html的基本结构1、html的基本结构1、内容2、内容3、内容html的基本结构解释4、内容5、内容1、html的基本结构 1、html的基本结构1、内容12解释功能解释HTML文档的文档标记,也称为HTML开始标记功能在最前端表示网页的开始在最后端表示 网页的结束这对标记分别为于网页的最前端和最后端P3P2注意P11、html的基本结构功能2、内容解释解释HTML文件头标记,也称为 HTML头信息开始标记功能用来包含文件的基本信息,比如网页的标题、关键字。在内可以放、、等等标记注意在标记内的内容不会再游览器中显 示P3P2注意P11、html的基本结构功能3、内容解释解释HTML文件标题标记功能网页的“主题”,显示在游览器的左上边注意网页的 标题不能太长,要短小精悍,能具体反映页面的内容,标记中不能包含其他标记1、html的基本结构0102031、内容2、内容3、内容h tml的基本结构040506解释4、内容5、内容1、内容解释HTML文档的文档标记,也称为HTML开始标记功能这对标记分别为于网页 的最前端和最后端在最前端表示网页的开始在最后端表示网页的结束2、内容01解释HTML文件头标记,也称为HTML头信息开始标记02功 能用来包含文件的基本信息,比如网页的标题、关键字。在内可以放、、等等标记03注意在标记内的内容不会再游览器中显示3、内容解释HTM L文件标题标记功能网页的“主题”,显示在游览器的左上边注意网页的标题不能太长,要短小精悍,能具体反映页面的内容,标记中不能包含其他 标记解释HTML文档的主题标记4、内容功能...是网页的主题部分,在此标记之间可以包含、、等等标记,正是由这些内容组成了我们看见 的内容body标记的常见属性4、vlink2、text已经访问了的连接颜色设置文本颜色5、alink正在被点击的链接颜色3、lin k1、bgcolor设置链接颜色设置背景颜色5、内容解释页面的元信息(meta-information)5、内容功能提供有关页面的 元信息(meta-information),比如针对搜索引擎和跟新频度的描述和关键词必须的属性content值:some_text 常见的属性1、常用的name属性1、author2、keywords3、description4、others5、内容注意meta 标记必须放在head元素里面1、html的基本结构解释HTML文档的主题标记Abody标记的常见属性1、html的基本结构4、内容 功能B功能...是网页的主题部分,在此标记之间可以包含、、等等标记,正是由这些内容组成了我们看见的内容body标记的常见属性4、 vlink2、text已经访问了的连接颜色设置文本颜色5、alink正在被点击的链接颜色3、link1、bgcolor设置链接颜色 设置背景颜色0402030501解释功能1、html的基本结构5、内容必须的属性常见的属性注意meta标记必须放在head元素里面 解释页面的元信息(meta-information)功能提供有关页面的元信息(meta-information),比如针对搜索引擎 和跟新频度的描述和关键词content值:some_text定义name属性的相关的元信息1、author2、keywords3、 description4、othersABCD常见的属性1、常用的name属性024、超链接的使用4、超链接的使用1、基本语法2、 属性4、超链接的使用1、基本语法链接文字或者图片014、超链接的使用022、属性031、href属性3、name属性2、tar get属性0103021、href属性链接的地址,链接的地址可以是一个网页,也可以是一个视频、图片、音乐等2、target属性1、 作用定义链接的打开方式2、属性值011、blank在一个新的窗口中打开链接022、seif(默认值)在当前的窗口中打开链接033、 parent在父窗口中打开页面(框架中使用较多)044、top在顶层窗口中打开文件(框架中使用较多)3、name属性指定页面的锚点 名称032、文档设置标记2、文档设置标记1、格式标记2、文本标记P6P56、P45、P34、P23、P12、1、2、文档设置标记 1、格式标记01027、8、2、文档设置标记1、格式标记03049、10、1、强制换行标记让后面的文字、图片、表格、显示在下一 行2、换段落标记3、居中对齐标记4、预格式化标记5、列表项目标记6、无序列表标记有序列表标记可以显示特定的一些顺序1、格式2、有序 列表的type属性3、value4、列表可以进行嵌套定义型列表使用场合对列表条目进行简短的说明格式9、分区显示标记,也称为值层 标记常用来编排一大段的HTML段落,也可以用于格式化列表,和很相似10、水平分割线标记P6P56、supP45、subP34、iP 23、bP12、font1、hn2、文档设置标记2、文本标记2、文档设置标记01027、tt8、cite2、文本标记03049、e m10、strong050611、small12、big2、文档设置标记2、文本标记13、u1、hn标题标记共有6个级别,n的范围 是1-6,不同级别对应显示大小不同的标题,h1最大,h6最小字体大小设置三个常用属性1、size2、color3、face3、b粗 字体标记4、i斜字体标记5、sub文字下标标记6、sup文字上标标记7、tt打印机字体标记8、cite引用方式的字体,通常是斜体9 、em表示强调,通常显示为斜体字10、strong表示强调,通常显示为粗体字11、small小型字体标记12、big大写字体标记1 3、u下划线字体标记043、图像标记3、图像标记图像标记013、图像标记02图像标记031、使用方法3、标记的属性2、注意0103 021、使用方法”border=\"属性值\"alt=\"属性值\"?壹贰1、为单标记,不需要使用闭合2、在加载图像文件的时候,文件 的路径或者文件名文件格式错误,将无法加载图片2、注意1、src属性作用指定我们要加载的图片的路径和图片的名称以及图片的格式2、wi dth属性作用指定图片的宽度3、height属性作用指定图片的高度4、border属性作用指定图片的边框宽度5alt属性作用1当网页上的图片被加载完成后,鼠标移动到上面去,会显示这个图片指定的属性文字作用2如果图像没有下载或者加载失败,会用文字来代替图像显示作用3搜索引擎可以通过这个属性的文字来抓取图片感谢聆听 |
|