html学习笔记

什么是html？
   HTML指的是超文本标记语言（Hyper Text MarKup Language）
   HTML不是编程语言，而是一种标记语言（markup language）
   标记语言是一套标记标签（markup tag）
   HTML使用标记标签来描述网页

注意事项：

　　 1、标签都是由尖括号<>括起来的单词

　　2、一个完整的标签都是由一个开始标签开始一个结束标签结尾的，结束标签就是在单词前加入一个/斜杠，例如：<p></p>

　　3、在HTML中，对标签和属性的大小写并不敏感，不过推荐使用小写。

　　4、在HMTL中，字符串使用单引号（‘）还是双引号（”）都可以，不过如果字符串本身就有双引号，就得用单引号括起来。

　　5、在显示网页的时候，浏览器会移除网页源代码中的空格和空行，所以无法使用空格和空行来改变网页的显示效果，只可以使用<br /><hr />等等内置定义的格式化输出。

　　6、使用一款简单的编辑器是学习HTML的好方法。

　　7、html的文件使用.html和.htm保存，两者没有区别。

8、在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。


实体符号：
   http://www.w3school.com.cn/tags/html_ref_entities.html

标签:

   HTML中的注释，用于说明代码的作用，并不会被浏览器显示到网页中去。
   <html></html>html文档，网页的所有内容都得放置到html标签中，用于定义一个HTML文档。

   <head></head>头标签，放置一些不可显示的内容，比如文档编码声明等等，其中<title></title>是窗口标题，是可显示的。

   <title></title>网页窗口的标题显示内容。

   <body></body>网页显示标签，网页显示的内容都是放置到这里的，比如<p><h1>等等。

   <h1>text</h1>   其中<h1></h1>是标签，text是要显示的内容，h1是HTML的标题，字体默认比较大。
   <h1>~<h6>标题大小从1到6依次减小，搜索引擎只会抓取一个。

   <p>text</p>段落，p标签的用来表示一个段落

   <a href="URL">text</a>链接，其中URL是一个链接地址，资源定位器，可以链接到另一个网页。

   <img src="URL" width="xx" height="xx"></img>图片，在网页中显示一张图片，URL是图片的位置，width表示图片的宽度，height表示图片的高度。

   <map>定义图像地图；

   <area>定义图像地图中的可顶级区域。

   <br />定义一个换行，就是一个回车符，在HTML中，如果直接敲一个回车并不会被显示在网页中。

   <table></table>表格，网页中的表格标签，具体的行和列由其他标签定义，这个只是定义一个表格。

   <hr />水平线，在网页中显示一条水平线，现在一般用底边框线代替。

   <style> 定义样式的标签，内部样式。

   <link> 资源应用，引入css、js等等外部资源。

   <div> 定义块或区域，这个在现在的网页中用的非常的多，可以直接定位到一个特殊的位置。

   <span>定义文档中的行内的小块和区域。


   文本格式化输出标签：
       <b>定义粗体文本。
       <big>定义大号字。
       <em>定义着重字，强调搜索引擎抓取。
       <i>定义斜体字。
       <small>定义小号字。
       <strong>定义加重语气，强调搜索引擎抓取。
       <sub>定义下标字。
       <ins>定义插入字。

   计算机输出标签（显示效果上并不多大区别，只是为了表示确确语义）：
       <code>定义计算机代码。
       <kbd>定义键盘码。
       <samp>定义计算机代码样本。
       <tt>定义打字机代码。
       <var>定义变量。
       <pre>定义预格式文本。

   引用和术语标签：
       <addr>定义缩写。
       <acronym>定义首字母缩写。
       <address>定义地址。
       <bdo>定义文字方向。
       <blockquote>定义长的引用。
       <q>定义短的引用。
       <cite>定义引用、引证。
       <dfn>定义一个定义项目。

     定义一个空格。


   <tabel>定义表格。每个表格均有若干行（由<tr>标签定义），每行被分成若干
   <tr> 定义行
   <td> d定义列
   <th> 定义表头


   <ul>定义无序列表，每个列表项使用<li>定义。
   <ol>定义有序列表，每个列表项使用<li>定义。

   <frameset>定义框架，可以在一个网页中显示多个网页
   <frame>定义放置在每个框架中的HTML文档。

   <iframe>定义用于在网页内显示网页。
   其中frameborder属性规定是否显示边框

   标签快速参考： http://www.w3school.com.cn/html/html_quick.asp

属性：

   alt 当浏览器无法加载图像时，替换文本属性告诉读者他们失去的信息。

   target 在<a>标签中加入target可以定义被连接的文档在何处显示。

   class 规定元素的类名，一般用于css的定位用，可以定义多个元素内。

   id 给一个元素定义一个唯一的id，一个id只可以定义一个元素，方便查找到该元素。

   style 规定元素的行内样式，将覆盖任何全局的样式设定，例如在<style>标签或外部样式表中规定的样式。

   title 规定一个元素的提示信息。

   bgcolor 背景颜色，这个是body的属性

   align 定义对其方式，其中有center(居中)，

网页编写：
   结构：div ul:li ol:li p 块元素标签
   块元素标签特点：
       1、独占一行；
       2、他会受到宽高的影响（width，height），外边距(margin)和内间距(padding)的影响。
       3、默认的样式 display:block ，默认使用快显示。
   修饰文本和图片：a span b i em strong
   行内元素特点：
       1、给他加宽高并不会受到影响，无法加宽加高，但会受到内间距和左右外边距的影响，上下没有。
       2、默认样式使用display:inline。
       3、不会独占一行。


html高级课程：
   <！DOCTYPE>定义文档版本
   <title>定义文档标题
   <bse>定义本文文档中的所有链接的默认地址和打开方式。

   <meta>描述文档：<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

   <meta>定义文档关键信息：
<meta name="keywords"
content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript">

   <meta>重定向：<meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" />

   <link>定义文档与外部资源之间的关系。
   <link rel="stylesheet" type="text/css" href="mystyle.css" />

   <noscript>如果浏览器不支持javascript就会显示


HTML媒体：
   <object>助手（插件）辅助应用程序（helper application）是可由浏览器启动的程序。辅助应用程序也称为插件。


如何从 HTML 转换到 XHTML

    向每张页面的第一行添加 XHTML <!DOCTYPE>
    向每张页面的 html 元素添加 xmlns 属性
    把所有元素名改为小写
    关闭所有空元素
    把所有属性名改为小写
    为所有属性值加引号

　　注意：学习html要多写代码，光看并不能记一下，最后祝你们早日学透。

　　学习网站：http://www.w3school.com.cn/

posted @ 2015-12-17 15:27 wild_kid 阅读(253) 评论(0) 收藏举报

刷新页面返回顶部

wild_kid

html学习笔记

公告