HTML简单笔记程序.doc

DOCTYPE 声明了文档类型 位于标签 html 与 /html 描述了文档类型 位于标签 body 与 /body 为可视化网页内容 位于标签 h1 与 /h1 作为一个标题使用 位于标签 p 与 /p 作为一个段落显示 HTML文档也叫做?web 页面 HTML 标签通常是成对出现的，比如 b 和 /b 只有 body 区域 (白色部分) 才会在浏览器中显示。 中文编码 HTML 编辑器推荐 Notepad++：/ Sublime Text：/ HBuilder：http://www.dcloud.io/ HTML 段落是通过标签 p 来定义的. HTML 链接是通过标签 a 来定义的. html body a href=这是一个链接/a /body /html HTML 图像是通过标签 img 来定义的. /tags/html-reference.html HTML参考手册 !-- 这是一个注释 -- ， HTML 输出- 使用提醒 对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。 当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。 一句话 就显示一个空格！！！！ 通常标签 strong 替换加粗标签 b 来使用, em 替换 i标签使用。 pre 标签对空行和空格进行控制 超链接 ，哪几个字超链接。上面就是 六个字作为超链接。 Eg. /target=”-blank”cjkhsc/a a href=url链接文本/a a href=这是一个链接/a 使用 title 标签定义HTML文档的标题 使用 base 定义页面中所有链接默认的链接目标地址。 使用 meta 元素来描述HTML文档的描述，关键词，作者，字符集等。 HTML head 元素 可以添加在头部区域的元素标签为: title, style, meta, link, script, noscript, and base. HTML title 元素 title 在 HTML/XHTML 文档中是必须的。 title 元素: 定义了浏览器工具栏的标题 当网页添加到收藏夹时，显示在收藏夹中的标题 显示在搜索引擎结果页面的标题 做一个没有下划线的超链接 a href=heep:///style=text-decoration:none;touch it/a 内联样式- 在HTML元素中使用style?属性 内部样式表 -在HTML文档头部 head 区域使用style?元素?来包含CSS 外部引用 - 使用外部 CSS?文件 设计背景颜色 body style=background-color:white; h3 style=background-color:red;This is a heading!!!/h2 p style=background-color:green;This is a paragraph./p /body font-family（字体），color（颜色），和font-size（字体大小） 使用 text-align（文字对齐）属性指定文本的水平与垂直对齐方式： 外部样式表 Eg. headlink rel=stylesheet type=text/css href=mystyle.css/head 图片链接 HTML中src是source的缩写，这里是源文件的意思。“source”本身是“源”的意思。img src=路径 alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的img src=boat.gif alt=Big Boat在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。 B 边宽度 img border=1 src=/images/pulpit.jpg alt=Pulpit rock width=456 height=333 p img src=smiley.gif alt=Smiley face style=float:left width=32 height=32 A paragraph with an image. The image will float to the left of this text. /p p img src=smiley.gif alt=Smiley face style=float:ri