Html标签及简单代码的认识.ppt

Html标签及简单代码的认识 什么是 HTML？ HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper?Text?Markup?Language) HTML 不是一种编程语言，而是一种标记语言?(markup language) 标记语言是一套标记标签?(markup tag) HTML 使用标记标签来描述网页 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 html HTML 标签通常是成对出现的，比如 b 和 /b 标签对中的第一个标签是开始标签，第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签 HTML 文档也被称为网页 常见网页解释 html body h1My First Heading/h1 pMy first paragraph./p /body /html 例子解释 html 与 /html 之间的文本描述网页 body 与 /body 之间的文本是可见的页面内容，是文档的主体。 h1 与 /h1 之间的文本被显示为标题 p 与 /p 之间的文本被显示为段落，如果您希望在不产生一个新 段落的情况下进行换行（新行），请使用 br / 标签 br / 元素是一个空的 HTML 元素。由于关闭标签没有任何意义， 因此它没有结束标签。 如何使用样式 外部样式表 当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。 使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。 head link rel=stylesheet type=text/css href=mystyle.css /head rel 属性规定当前文档与被链接文档之间的关系。 只有 rel 属性的 “stylesheet” 值得到了所有浏览器的支持。 type 属性规定被链接文档的 MIME 类型。 该属性最常见的 是 “text/css”，告诉浏览器这里面的文本内容(text) 要当层叠样式表 (css)来解析，不能当作其它的来解析。 Href是引用外部样式，这个名为mystyle.css的样式是 存在一个独立于html之外的文件。 内部样式表 当单个文件需要特别样式时，就可以使用内部样式表。 你可以在 head 部分通过 style 标签定义内部样式表。 p style=color: red; This is a paragraph /p HTML 注释 可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。 浏览器会忽略注释，也不会显示它们。 注释是这样写的： 实例 !-- This is a comment -- 常见属性定义 width对象的宽度，单位可以用px为像素单位，也可以按百分比，就是占用页面的比例。 height对象的高度 color用于设置字体颜色，可以用英文单词 red还可以使用十六进制的颜色值 #ff0000 font-family 用于设置字体 text-align 用于设置文字对齐，center为居中对齐，left为左对齐，right为右对齐 Background设置背景，可以使用十六进制的颜色值 #ff0000，也可以url连接到对应图片例如：background: #fff; 或者background:url(../images/bg.jpg) border 用于设置边框，例如：border-top:1px solid #000;设置了一个宽度为1像素的黑色直线边框。border: 1px dotted #000;设置了一个宽度为1像素的黑色点状边框。 font-size用于设置字体大小，比如font-size: 14px， 就是设置了一个大小为14像素的字体。 如果使用 em 单位，则可以在所有浏览器中调整文 本大小。浏览器中默认的文本大小是 16 像素。因 此 1em 的默认尺寸是 16 像素。 text-indent表示缩进一个长度， 例如：p {text-indent: 2 em;}缩进2个字符长度， p {text-indent: 20%;} 缩进百分之二十。 padding : 内边距，也有资料将其翻译为填充。 margin : 外边距，也有资料将其翻译为空白或空白边。 元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。 网页常见标签 HTML 链接是通过 a 标签进行定义的。 实例 a href=This is a link/a 链接的地址在