前端开发讲训.pptx

HTML基础培训; 推荐工具 ? HTML语言概述 ? HTML基础知识 ? 编辑最常用到的几个标签 ? HTML和SEO优化 ;页面排版、制作：Dreamweaver 图片切图、修改：Photoshop ;;HTML语言概述;关于html基础知识;关于html基础知识;关于html基础知识;head title meta body h1div span a img p ul li ……;head元素出现在文档的开头部分。 head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 head 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。 ;title定义HTML文档的标题。 title与/title之间的内容将显示在浏览器窗口的标题栏。 标题独特，利于有哪些信誉好的足球投注网站引擎快速收录 每一个网页的标题标签尽量不同，这样才会让有哪些信誉好的足球投注网站引擎可以收录你网站的更多网页。 标题标签字数不要太长。 一般来说，有哪些信誉好的足球投注网站引擎只考虑标题中有限的字数，比如前10个字或前15个字。要尽量把关键字放在标题的前面，这样更容易让有哪些信誉好的足球投注网站引擎有哪些信誉好的足球投注网站到 ;meta元素下面可以插入很多很有用的元素属性。下面介绍两种： meta name=“keywords” content=“***“ / ——用来标记有哪些信誉好的足球投注网站引擎在有哪些信誉好的足球投注网站你的页面时所取出的关键词。 meta name=“description” content=“***“ / ——用来标记页面内容摘要。 ;Keywords：确定几个核心关键词及组合，关键词以3-5个为宜，最好不要超过15个字，以避免堆砌之嫌。 Description：描述是网站的简短说明，含有关键词。 ;body标签定义了HTML文档的主体部分。 在body与/body之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分;定义和用法 a 标签可定义锚。锚 (anchor) 有两种用法： 1、通过使用 href 属性，创建指向另外一个文档的链接（或超链接） 2、 通过使用 name 或 id 属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接） a 元素最重要的属性??? href 属性，它指定链接的目标。 ;实例1 指向大浙网的超链接： a href=“” target=“_blank” 大浙网/a 实例2 为图片添加超链接： a href=“” target=“_blank” img src=“图片地址” / /a ;定义和用法 img 元素向网页中嵌入一幅图像。 img 标签有两个常用的属性：src 属性 和 alt 属性 实例 img src=“图片地址” alt=“大浙网” title=“12p3” / src属性用于定义引入图像的地址； alt属性用于定于图像无法显示状态时的所显示的文本。 ;定义和用法 p 标签定义段落。 pThis is some text /p ;定义和用法 ul 标签定义无序列表。 li 标签定义列表项目。 li 标签常常用在无序列表 ul 中。 实例 ul li内容/li li内容/li li内容/li /ul ;谢谢大家！