HTML5学习随记1⃣️

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中的井号这里是这样的:

<!--你好,我是个注释-->

但是相同的是:人看的到,而计算机忽略了它。

呼。。。写了这么多,希望既能帮助自己记忆又能帮助到大家,喜欢的就点赞吧,如果有什么错误请指出,谢谢啦^_^。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值