【学习笔记】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