工业UI开发技术-课件 2-1-1 HTML基本概念和文件结构-2.pptxVIP

HTML基本概念和基本结构深圳市信息职业技术学院

HTML简介01目录0203HTML编辑器HTML基础04HTML属性05HTML元素

本节目标 本任务需要了解的HTML内容包括：HTML的概念，发展历程。需要掌握的是HTML文本相关标签，列表，图片，多媒体，表格，表单标签以及行级与块级标签的分类。通过本节学习可以：了解HTML发展历程。掌握HTML常用标签。掌握常用标签的常用属性。

04HTML属性

HTML属性属性：在标记中使用属性=属性值名称/值对的形式，多个属性使用空格分开属性的值可以使用单引号、双引号、不加引号（建议使用双引号）比如：name=“value”

05HTML元素

HTML元素HTML元素指的是从开始标签（starttag）到结束标签（endtag）的所有代码HTML元素的内容是开始标签与结束标签之间的内容某些HTML元素具有空内容,空元素在开始标签中进行关闭（以开始标签的结束而结束）比如：br/大多数HTML元素拥有属性，提供了有关HTML元素的更多的信息

HTML文档结构

头部标签标签名说明meta定义对页面的描述，可以有多个metahttp-equiv=Content-Typecontent=text/html;charset=UTF-8metahttp-equiv=refreshcontent=5;url=//不写地址刷新本页面metaname=robotscontent=all///all,none,index文件将被检索，且页面链接可以被查询metaname=keywordscontent=htmlw3c,w3c|w3c3-5个metaname=descriptioncontent=html课程metaname=authorcontent=“tina/link标签定义两个连接文档之间的关系。href,hreflang,rel,type。可以有多个link可以添加网页的ico图标script标签定义一段脚本，比如JavaScript。style标签定义文档中的样式。title标签定义文档的标题。只能有一个

HTML文档结构Metalinkrel=shortcuticonhref=/favicon.icotype=image/x-iconmeta可提供有关页面的原信息meta位于文档的头部meta在html中没有结束标签，在xhtml中必须被正确的关闭meta永远位于head元素内部DOCTYPE声明必须位于文档的第一行，在html标签之前不是一个标签，是指示web浏览器关于页面使用哪个html版本进行编写的指令没有结束标签对大小写不敏感

THANKYOU深圳市信息职业技术学院