美文网首页
初学HTML

初学HTML

作者: 岁月伤魔 | 来源:发表于2018-12-16 20:24 被阅读0次

学习笔记(四)初学HTML

HTML初步认识


HTML是英语HyperText Markup Language的缩写,超文本标记语言。HTML是负责描述文档语义的语言,它只有语义,除了语义,其他什么都没有。写HTML代码是通过标签对来实现的。如

<h1></h1>
<p></p>
<body></body>

HTML的基本骨架

标准骨架

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
5 <title>Document</title>
6 </head>
7 <body>
8
9 </body>
10 </html>

接下来我解释一下
来头的语句<!DOCTYPE 是文档声明头,DocType Declaration,此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
第四行的mate标签写的是字符集。常用的字符集有两种
第一种:UTF-8

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

第二种:gb2312

<meta http-equiv="Content-Type" content="text/html;charset=gb2312">

也可以写成gbk。
UTF-8是国际通用字库,里面涵盖了所有地球上所有人类的语言文字,比如阿拉伯文、汉语、鸟语……
gb2312 是国标,是中国的字库,里面仅涵盖了汉字和一些常用外文,比如日文片假名,和常见的符号。
二者各有所长,首先UTF-8字库大,但是更加臃肿,加载慢,每一个汉字要三个字节。相对而言,gb2312更加轻巧,加载快,且一个汉字仅需要两个字节,但是它的字库里只有汉字。
我们用meta标签可以声明当前这个html文档的字库,但是一定要和保存的类型一样,否则乱码!(重点)

关键词和页面描述

简单来说,关键词是告诉搜索引擎,这个网页是干嘛的,可以提高搜索效率。代码如下:

<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />

页面描述就是百度搜索的结果,能够显示这些语句。

代码如下:

1 <meta name="Description" content="网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。" />

HTML中的注意事项

1.HTML对换行不敏感,对tab不敏感

HTML只在乎标签的嵌套结构,嵌套的关系。谁嵌套了谁,谁被谁嵌套了,和换行、tab无关。
换不换行、tab不tab,都不影响页面的结构。

2.空白折叠现象

HTML中所有的文字之间,如果有空格、换行、tab都将被折叠为一个空格显示。

3.标签要严格封闭

相关文章

  • 初学html

    html笔记 1.Html 全称为:hypertext markup language 超文本标记语言 2. ...

  • 初学HTML

    学习笔记(四)初学HTML HTML初步认识 HTML是英语HyperText Markup Language的缩...

  • 初学html

    1,认识HTML HTML的全称为(Hypertext Markup Language)即超文本标记语言HTML的...

  • 初学HTML

    学习html的目的: 我在学校学的是计算机嵌入式,我选择的是单片机,偏硬件,用的是C语言,也找到了现在这份工作,是...

  • HTML初学

  • HTML初学

    HTML 标题 在线测试HTML 标题(Heading)是通过 < h1 > - < h6 > 等标签进行定义的。...

  • 前端的兴趣之路

    1、初学HTML以及CSS

  • 初学html 笔记

    1、元素标签,如p,当宽度、高度固定,内容超出时显示省略号。 需设置css样式: white-space: now...

  • 初学HTML福音

    一、HTML基础 (1) HTML:超文本编辑语言hyper text markup language(编写网页...

  • HTML初学语句

    标题 h1-h6,分别是一级至六级标题,其中h1在单个页面中只可以用一次。 段落标签 ,标签=元素,p为段落标签,...

网友评论

      本文标题:初学HTML

      本文链接:https://www.haomeiwen.com/subject/weggiftx.html