1.开始学习HTML5
HTML5是一种描述性的标记语言,用于描述超文本文件中的内容和结构。
在HTML中,约定以< p> < / p>标记符来定义一个段落(中间那个不一定是p),用< br />标记符时,会自动换行。
关于用什么工具来编写HTML,IDE或者文本编辑器都行,只要你用的顺手就行,这里我用的是Sublime Text 3,功能很强大的文本编辑器,唯一的缺点就是需要破费那么以下了,不过,支持正版。
关于用什么浏览器来运行写好的.html文件,我推荐的是chrome浏览器,不多说,就是“信仰”,谁用谁知道 //手动滑稽。
2.人生中的第一个网页
好吧,转入正题,当然以我们的万恶之源Hello World!开始(经典的开局),都用烂了。
—hello.html—
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>
Hello World!
</title>
</head>
<body>
Hello World!
</body>
</html>
什么?看不懂,就当这个没写在这。
3. HTML 基本标记
1.文档类型说明
Doctype声明:HTML5版本解释
<!DOCTYPE html>
注:Doctype声明必须在.html文件的第一行
2.HTML标记
HTML标记代表文件的开始,此标记可以省略,但是不建议。HTML标记以< html>开头,以< /html>结束:
<html>
...
</html>
3.头标记 head
头标记一般用来说明标题信息、元信息、定义CSS样式和脚本代码等等:
<head>
...
</head>
1.标题标记 title
这块呢,就像它的名字一样,这部分内容显示在浏览器的标题栏中:
<title>
...
</title>
2.元信息标记 meta
< meta>标记可提供有关页面的元信息。
charset 定义.html文档的字符编码:
其中不得不了解的是其中的字符集 charset 属性,它使字符集的定义更加的简单,例如:
<meta charset="ISO-8859-1">
<!这里提示浏览器使用的是"ISO-8859-1"字符编码>
接着是提供给搜索引擎的关键字:
<meta name="keywords" content="关键字, keywords" />
<!这里的关键字可以不止一个,最好不要超过5个>
<!注意这里的是keywords,不是keyword>
然后是页面描述:
description,用来简述网页的主要内容,通常被搜索引擎展示给用户看的一段文字。
<meta name="descrtiptin" contect="网页简介" />
最后是让页面定时跳转的高大上的东西:
<!比如让网页定时几秒秒后跳转或刷新>
<meta http-equiv="refresh" content="秒;[url=网址]" />
<!这里的秒用阿拉伯数字替代,[url=网址]是可选的项目,如果省缺,页面只刷新不跳转>
3.网页的主体标记 body
网页所要显示的内容都放在这。。。好吧,这段真强大。。。
<body>
...
</body>
4.注释
这个注释方法真的有别于我们见到的c/c++的斜杠,或者Python中的井号这里是这样的:
<!--你好,我是个注释-->
但是相同的是:人看的到,而计算机忽略了它。
呼。。。写了这么多,希望既能帮助自己记忆又能帮助到大家,喜欢的就点赞吧,如果有什么错误请指出,谢谢啦^_^。