《前端开发培训》PPT课件.ppt

HTML基础培训,主讲：张宁,推荐工具 HTML语言概述 HTML基础知识 编辑最常用到的几个标签 HTML和SEO优化,培训主要内容,页面排版、制作：Dreamweaver 图片切图、修改：Photoshop,推荐工具,HTML语言概述,HTML 是用来描述网页的一种语言。HTML 不是一种编程语言，而是一种标记语言(markup language)标记语言是一套标记标签(markup tag)HTML 使用标记标签来描述网页,关于html基础知识,一、标准规范的网页代码结构 另外：同一网页中、只可以使用一次。,一般改动页面只是在body中，如果页面中再次或多次出现 等标记，多次使用带来不可预知的错误，主要取决于浏览器的兼容性。,关于html基础知识,二、html标签缺失或多余一般网页的html都用小写形式（所用符号都为半角，即英文状态下），不使用大写形式，这样对区分大小写的语言与更好的兼容性。html语法中以“”开始，以“”结束，缺一不可。标记html的定义符号，通常都是成对出现的，如：，如果只有而没有相应的，叫做标签未闭合。除了个别单标签外，都是不允许的，会导致网页结构的错乱。常用的单标签：、,关于html基础知识,三、语法格式参考注释：不会呈现在网页里，注释是为了代码维护方便属性：，色彩值要加#，例如：等等页面片：,html常用标签,元素出现在文档的开头部分。与之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。,标签,定义HTML文档的标题。与之间的内容将显示在浏览器窗口的标题栏。标题独特，利于搜索引擎快速收录 每一个网页的标题标签尽量不同，这样才会让搜索引擎可以收录你网站的更多网页。标题标签字数不要太长。一般来说，搜索引擎只考虑标题中有限的字数，比如前10个字或前15个字。要尽量把关键字放在标题的前面，这样更容易让搜索引擎搜索到,标签,元素下面可以插入很多很有用的元素属性。下面介绍两种：用来标记搜索引擎在搜索你的页面时所取出的关键词。用来标记页面内容摘要。,标签,Keywords：确定几个核心关键词及组合，关键词以3-5个为宜，最好不要超过15个字，以避免堆砌之嫌。Description：描述是网站的简短说明，含有关键词。,标签定义了HTML文档的主体部分。在与之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分,标签,定义和用法 标签可定义锚。锚(anchor)有两种用法：1、通过使用 href 属性，创建指向另外一个文档的链接（或超链接）2、通过使用 name 或 id 属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接）元素最重要的属性是 href 属性，它指定链接的目标。,标签,实例1 指向大浙网的超链接：大浙网实例2 为图片添加超链接：,标签,定义和用法img 元素向网页中嵌入一幅图像。标签有两个常用的属性：src 属性 和 alt 属性实例src属性用于定义引入图像的地址；alt属性用于定于图像无法显示状态时的所显示的文本。,标签,定义和用法 标签定义段落。This is some text,标签,定义和用法 标签定义无序列表。标签定义列表项目。标签常常用在无序列表 中。实例 内容 内容 内容,和标签,谢谢大家！,