首页 > 代码库 > 第一天---HTML基础学习

第一天---HTML基础学习

HTML(hyper text markup language)

    HTML不是一种编程语言,而是一种标记语言(markup language),标记语言是一套markup tag(标记标签),HTML使用markup tag来描述网页。

markup tag(通常被称作HTML tag)

    markup tag是由尖括号包围的关键词,例如<html>,一般成对出现,例如<html></html>,其中<html>为start tag,</html>为end tag。如果两个tag之间的content是NULL的话,例如<input type="text"></input>, 可以简化为<input type="text"/>。

<html> -----与</html>之间的文本为网页

<body>-----与</body>之间的文本是可见的页面内容

<h1>university</h1>-----标题

<p>this is a sentence</p>-----文章内容

</body>

</html>

HTML文档 = 网页(包含HTML标签和文本)

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

HTML标题

    通过<h1>-<h6>等标签来进行的,除了定义的标签,其他的标签没有该功能,比如<h7>,标题字体的大小可以通过<h1>后面的数字来实现,数字越大,标题字体越小,但是都是粗体。

    p.s:标题标签用于标题文本而不能仅仅为了出题字效果而使用标题标签,而应该使用其他标签或用css替代。

HTML段落

    通过<p>tag来进行定义的。

HTML链接

    是通过<a>来定义的。例如:

    <a href = "http://www.baidu.com.cn">This is a link</a>(其中href是指定连接的地址)

    

    点击“This is a link",就会得到下面的效果:

HTML图像

    通过<img>标签进行定义。

    e.g:<img src = "http://www.mamicode.com/win7.jpg" width = "104" height = "200"/>

    其中width指的是图片的宽度,height指的是长度。