【学习笔记】HTML学习笔记

什么是HTML?HTML是用来描述网页的一种语言。

HTML指的是超文本标记语言(HyperTextMarkupLanguage)

HTML不是一种编程语言,而是一种标记语言(markuplanguage)

标记语言是一套标记标签(markuptag)

HTML使用标记标签来描述网页

HTML标签HTML标记标签通常被称为HTML标签(HTMLtag)。

HTML标签是由尖括号包围的关键词,比如<html>

HTML标签通常是成对出现的,比如<b>和</b>

标签对中的第一个标签是开始标签,第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

HTML文档=网页

HTML文档描述网页

HTML文档包含HTML标签和纯文本

HTML文档也被称为网页

Web浏览器的作用是读取HTML文档,并以网页的形式显示出它们。浏览器不会显示HTML标签,而是使用标签来解释页面的内容。

下面是做练习的代码:

   
<!DOCTYPE html>
    <html>            
      <head>
        <title>HTML</title>
        <meta charset='utf-8'>
      </head>
      <body>
          <address>hello word</address>
                    <h1><del>This text</del></h1> <ins>contains</ins><br>
                    <strong><b>a</b> <i>line</i> <mark>break</mark>.</strong>
                    <em>a<sup>2</sup><br>x<sub>y</sub></em>
                    <q>你好</q>
                     <pre>
                     int main( )
                     {
                      cout<<"I love you"<<endl;
                      return 0;
                     }
    </pre>
                   

      The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.
      <ol>
            <li>SB
                  <ul>
                        <li>ZB</li>
                        <li>XB</li>
                  </ul>
            </li>
            <li>NB</li>     
            <li>BB</li> <img src="/goon.gif" wdith="200%" height="200%">
            <iframe src="http://cnit.pro" wdith="800" height=“800”>
            </iframe>
      </ol>
      <a href="http://www.baidu.com" >百度</a>
      </body>
    </html>



开始分析这段代码:
0x01. 首先要了解相关概念。
0x02. HTML文件结构:

    
<HTML>
    <HEAD>
             <title>, <base>, <link>, <isindex>, <meta>
    </HEAD>
    <BODY>
          HTML 文件的正文写在这里... ...
    </BODY>
    </HTML>

0x03.HTML常用的标签:

一般标签的表现形式就是这样的,标签有各种各样的,表示的意义也不一样,本例子里柔和了很多HTML5的标签。

列如:

<br>表示换行
    <p>段落</p>

HTML标签是为了让浏览器知道将内容以什么样的形式输出。(解释)想要显现出什么样的内容就要使用相应的标签,并对标签的属性加以控制,这样你就可以得到你想要的效果。例如表格、超链接、表单、文本框等。

0x04.HTML标签的属性:

[code=]<fontface="Arial,Helvetica">HellowWorld!</font>

这段代码中face就是font的属性,赋值为"Arial,Helvetica"。这段代码意思是让客户端的显示出Hellowword!字体为"Arial,Helvetica"。

大多标签都是有属性的,有些自带默认属性。

0x05.HTML中的事件:

事件就是你通过输入设备,让计算机做出响应。例如你点击一下鼠标就弹窗,甚至说一句话让网页显示出你所说的话的内容。(吹吹牛)

使用到的软件:psdpad或者记事本IE8浏览器火狐浏览器24.0

相关资料:

http://www.w3school.com.cn/html/

http://zh.html.net/tutorials/

---------------------------------万恶的分割线-------------------------------

本文由ice学习整理,转载请注明出处。

网名:冰神舞文章来源:http://ice5.cn

相关推荐