配色与网页设计 项目2：HTML标签与CSS样式基础 项目二 HTML标签与CSS样式基础.pptx

掌握HTML的语法规则； 了解网页各元素的HTML标签写法； 熟悉在Dreamweaver中插入文字、图像、列表、超链接等HTML元素的方法； ;任务说明;任务步骤;任务步骤;任务步骤;任务步骤;任务步骤;任务步骤;任务步骤;任务步骤;任务步骤;任务步骤;任务步骤;任务步骤;任务步骤;任务步骤;; 本案例中涉及的HTML标签如表2-1所示。;支撑知识点;HTML标题;HTML水平线;HTML段落;HTML换行;;无序列表;有序列表;定义列表;;HTML图像标签;图像路径; 相对路径是以当前文档所在的路径和子目录为起始目录，进行相对于文档的查???。制作网页时通常采用相对路径，这样可以避免站点中的文件整体移动后，产生找不到图像或其他文件等的现象。;; target属性表示链接目标的打开方式。;超链接的基本格式;超链接的分类; 在制作一些内容较长的网页时，可以让浏览者从头到尾地阅读，也可以选择自己感兴趣的部分阅读。方法是在文章的起始处列出几个小标题，相当于文章的目录，然后为每个标题建立一个链接，并为要链接到的目标位置打上一个定位标记，这个标记通常称为锚点。;掌握HTML的语法规则； 了解网页各元素的HTML标签写法； 熟悉在Dreamweaver中插入文字、图像、列表、超链接等HTML元素的方法； ;任务说明;任务步骤;;;;;支撑知识点;内部样式表; style标签用来声明使用内部样式表，各样式代码需要写在该标签对之间。;行内样式表;链接样式表;导入样式表;; 常用的CSS选择器有3种类型，分别是标签选择器、id选择器和类选择器。;标签选择器;类选择器和id选择器;类选择器和id选择器;伪类选择器;通用选择器;; 在CSS选择器中，可以通过嵌套的方式，对特殊位置的HTML标签进行声明。例如，当要为p/p标签对中包含的span/span标签对设置样式时，就可以使用嵌套选择器来进行相应的控制（父子选择器之间加一个空格）。; 选择器的优先级是指当有多个选择器作用于同一HTML文档的同一元素时，即多个选择器的作用范围发生了重叠时，CSS的处理方式。;; CSS的继承是指某个标签的子孙后代会继承该标签的样式风格。如果不希望子标签继承父标签的某些样式风格，则为该子标签创建相应的样式即可。子标签的样式不会影响父标签。