零起点HTML5+CSS3+JavaScript+jQuery前端开发案例式教程PPT课件（共14章）02创建标准html文档.pptVIP

2.5 html的标签属性 1. 标签属性：为标签设置参数。 div class=”box” 内容 /div !--双标签div的class属性设置-- meta charset=“UTF-8”/ !--单标签meta的charset属性设置-- 双标签 标签 属性名称=“属性值”/ 单标签 标签 属性名称=“属性值”内容/标签 2.5 html的标签属性 2. 标签属性分类 标准属性 大部分标签都有的属性。 举例： class：元素的类名 id：元素的唯一id名 style：元素的行内样式 特殊属性 不同标签有自己独特属性。 举例： img标签src特殊属性 2.5 html的标签属性 示例：标准属性示例编码如下 div class=”box” 内容 /div !--div标签设置class属性-- img class=”img” src=”tp1.jpg”/ !--img标签设置class属性-- p class=”one”第一段/p !--p标签设置class属性 -- img标签特殊属性编码如下 img class=”img” src=”tp1.jpg”/ !--src就是img标签特有的属性-- 注意： 属性值要用双引号或者单引号包括，必须成对出现。 标签名和属性名称之间有空格 2.6 html的元素 1. 元素：即开始标签和结束标签包围的部分。 元素里面可以包含：文本内容或者其它元素 2.元素嵌套 元素之间可以相互嵌套，嵌套者为父级元素，被嵌套者为子元素。在嵌套元素时需要注意嵌套顺序。 body !--body是父级元素-- a链接/a !--a元素是body的子元素-- h1标题/h1 !--h1元素是body的子元素，a和h1元素是兄弟元素-- /body 示例：该示例中body元素内容有p元素和贵州这2个汉字。 元素嵌套 2.7 html文档结构 1. 文档类型声明：html文档类型声明格式如下 它是html5标准网页声明，该标签英文单词前面有个感叹号，这是固定写法，比较特殊。该声明必须位于html文档中的最前面的位置。 html head meta charset=UTF-8 title /title /head body /body /html !DOCTYPE html html文档标签包含2个子标签，分别为head和body 标签。 2. html标签：基本格式 2.7 html文档结构 3. head标签：基本格式 head title标题/title meta charset=utf-8 /head 标题元素 meta 元素 定义标题 meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。charset是编码属性，utf-8是中文编码方式， 2.7 html文档结构 3. 4. body标签 body /body body标签称为html主体内容标签，该标签里面存放页面的主体内容， 即网页要显示给用户的内容。 * * * * * * * * * * * * * * * * * * * * 第2章 创建标准html文档 2.1 初识html html又叫超文本标签语言(Hyper Text Markup Language)，是一种标识性的语言。用该语言编写的文件，以 .html 为后缀名。 html目前最新版本是html5 2.2 创建一个标准html文档 步骤1:创建一个空文件夹，例如在D盘新建一个web空文件夹。运行Hbuilder编辑软件，单击文件-新建-web项目。 2.2 创建一个标准html文档 步骤2:在弹出的创建web项目窗口，单击浏览，选择前面创建的D:\web文件夹，在项目名称中输入第一个项目，点击完成。操 2.2 创建一个标准html文档 步骤3:鼠标右击该项目，弹出快捷菜单，单击新建-HTMLl文件。 2.2 创建一个标准html文档 步骤4:在弹出的创建文件向导窗口中，输入文件名index.html，选择模板为html5,单击完成。 2.2 创建一个标准html文档 步骤5：弹出一个标准html文档，html文档第1行标识是html5规范文档，接着是html，标识html文档的开始，里面包