美文网首页我爱编程
HTML学习之路-第一天

HTML学习之路-第一天

作者: 白尾巴的猫 | 来源:发表于2017-08-18 20:55 被阅读0次

1.HTML的作用

(1)HTML不是一门编程语言,而是一门超文本标记语言

(2)HTML不能改变网页的样式

(3)专门用来给文本添加语义的语言,只有这一个作用

2.第一个HTML网页编写的步骤

(1)新建一个文本文档

(2)用记事本打开

(3)编写HTML代码

代码如图1-1,这是基本结构

图1-1  HTML文件的基本结构

(4)保存并修改文件的扩展名为“.html”

(5)用浏览器打开

3.HTML基本结构详解

(1)HTML中所有标签都是成对出现的,格式为"<...>...</...>",分别为开始标签与结束标签

(2)"<html>...</html>":告诉浏览器这是一个网页,其他标签必须写在这里面

(3)“<head>...</head>”:用于给网站添加配置信息,例如网站标题,网站图片,制定网站的关键字、描述信息,外挂一些外部css、js文件

(4)“<title>...</title>”:制定网站标题,也是将来用户保存网页的标题,必须写在“<head>”标签里面

(5)“<body></body>”:专门定义HTML文档中需要显示给用户查看的内容,只能有一对

4.网页乱码问题(字符集问题)

(1)使用<meta />标签,指定当前网页的字符集,否则有可能会出现乱码问题

(2)<head>标签中添加<meta charset="GBK" />

(3)GBK(或GB2312)和UTF-8区别:GBK里面存储的文字比较少,仅仅存储了汉字和一些常用的外文,体积比较小,UTF-8里面存储世界上所有的文字,体积比较大

(4)在企业开发中,如果网站仅仅包含中文,就用GBK(或GB2312),如果网站不仅包含中文还包含其他语言,就用UTF-8,如果怕出错,一律用UTF-8

(5)在HTML文件中制定的字符集必须和保存这个文件的字符集一致,否则还会出现乱码,所以仅仅指定字符集不一定解决乱码问题(用文件另存为,点击编码,选择UTF-8,如图1-2)

图1-2  选择编码

5.标签的分类

(1)单标签:只有开始标签,比如<meta>标签

(2)双标签:有开始标签和结束标签,比如<html>...</html>标签

(3)并列关系(平级),嵌套关系(上下级)

6.DTD文档声明

(1)什么是DTD文档声明:由于HTML有很多个版本的规范,每个版本存在差异,所以我们需要告诉浏览器我们用的哪一个版本的HTML规范

(2)HTML5的DTD文档声明(向下兼容):<!DOCTYPE html>,写在第一行,不区分大小写

(3)DTD文档不是标签

(4)浏览器并不完全依赖DTD文档声明,但任何标准网页都应该写上声明

相关文章

  • HTML学习之路-第一天

    1.HTML的作用 (1)HTML不是一门编程语言,而是一门超文本标记语言 (2)HTML不能改变网页的样式 (3...

  • HTML学习之路总结

    学习连接 : http://www.w3school.com.cn/html/html_headings.asp这...

  • 练习练习.....

    HTML 5 —————————————————————————— 学习之路 ——今天是2016年10月27日——...

  • python sphinx安装和qt学习之路(2)的html生成

    title: python sphinx安装和qt学习之路(2)的html生成id: 194categories:...

  • HTML 5 学习之路 三

    CSS 什么是CSSCSS的全称是Cascading Style Sheets,层叠样式表它用来控制HTML标签的...

  • HTML5 学习之路 -

    首先给大家提供一个网站HTML/CSS/JavaScript学习资料:http://www.w3school.co...

  • 第一天

    今天第一天学习HTML,了解了一下什么是HTML 1.什么是HTML HTML叫做超文本标记语言,标准通用标记语言...

  • 超好用的前端学习速查手册分享

    前端学习之路 虽然之前学习过html、css、js,以及bootstrap与jQuery的相关知识,但是一直没有系...

  • HTML 初识

    下图是一个常见的Web页面,由HTML+CSS构成。我的Web学习之路从最基础的HTML(Hyper Text M...

  • HTML 之路

    已经学习了两天了,今天来更新一下我的知识库吧。 1,神马是万维网: 起源:万维网中至关重要的概念超文本起源于196...

网友评论

    本文标题:HTML学习之路-第一天

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