HTML基本理解day1 | 青训营笔记

简介: HTML基本理解day1 | 青训营笔记

HTML前端基础

网页


是图片、链接、文字、声音、视频等元素组成,其实就是一个html文件(后缀名为html)


什么是HTML?


HTML指的是超文本标记语言,用来描述网页的一种语言


超文本,有2层含义


  1. 它可以加入图片、声音、动画、多媒体(超越了文本限制)
  2. 它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本)


Web标准


1.Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C(万维联盟)是国际最著名的标准化组织

2.Web标准的构成

主要包括结构、表现和行为三个方面。

Web标准提出的最佳体验方案:结构、样式、行为相分离

简单理解:结构写到HTML文件中,表现写到CSS文件中,行为写到JavaScript文件中


1.1 HTML语法规范


1、HTML标签是由尖括号包围的关键词,例如。

2.HTML标签通常是成对出现的,例如和,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签。

3.有些特殊的标签必须是单个标签(极少情况),例如br我们称为单标签,如下所示

<br/>


1.2标签关系


1669946250176.jpg


1.3结构标签


1669946269427.jpg


网页开发工具


1.1 文档类型声明标签、lang语言种类、字符集


<!DOCTYPE>文档类型声明,作用就是告诉浏览器使用哪种HTML版本来显示网页。 这句代码的意思是:当前页面采取的是HTML5版本来显示网页.

注意:

1.<! DOCTYPE>声明位于文档中的最前面的位置,处于< html>标签之前。

2.< !DOCTYPE>不是一个HTML标签,它就是文档类型声明标签。


HTML常用标签


1.1 段落和换行标签(重要)


用来定义当前文档显示的语言


  1. en定义语言为英语
  2. zh-CN定义语言为中文简单来说,定义为en就是英文网页,定义为zh-CN就是中文网页 其实对于文档显示来说,定义成en的文档也可以显示中文,定义成zh-CN的文档也可以显示英文这个属性对浏览器和搜索引擎(百度.谷歌等)还是有作用的!
    字符集(Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。 在标签内,可以通过标签的charset属性来规定HTML文档应该使用哪种字符编码。
      charset常用的值有:GB2312、BIG5、GBK和UTF-8,其中UTF-8也被称为万国码,基本包含了全世界所有国家需要用到的字符.   注意:上面语法是必须要写的代码,否则可能引起乱码的情况。一般情况下,统一使用 “∪TF−8”编码,尽量统一写成标准的“UTF-8”,不要写成“utf8”或“UTF8”。


总结


在网页中,要把文字有条理地显示出来,就需要将这些文字分段显示。在HTML标签中,< P>标签用于定义段落,它可以将整个网页分为若干个段落。 < p>我是一个段落标签< /p >   单词paragraph['pærəgræf]的缩写,意为段落。

标签语义:可以把HTML文档分割为若干段落。

特点:

1.文本在一个段落中会根据浏览器窗口的大小自动换行。

2.段落和段落之间保有空隙。

相关文章
|
26天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
23 1
|
26天前
|
移动开发 前端开发 搜索推荐
HTML图片标签(2) HTML5+CSS3+移动web 前端开发入门笔记(三)
HTML图片标签(2) HTML5+CSS3+移动web 前端开发入门笔记(三)
25 0
|
2月前
|
JavaScript 前端开发
编程笔记 html5&css&js 079 JavaScript 循环语句
编程笔记 html5&css&js 079 JavaScript 循环语句
|
2月前
|
JavaScript 前端开发 开发者
编程笔记 html5&css&js 078 JavaScript 条件判断语句
条件判断语句是首先要接触的语句。通过条件判断来执行不同的代码块。
|
2月前
|
JavaScript 前端开发 编译器
编程笔记 html5&css&js 077 Javascript 关键字
编程笔记 html5&css&js 077 Javascript 关键字
|
2月前
|
JavaScript 前端开发
编程笔记 html5&css&js 076 Javascript 表达式
编程笔记 html5&css&js 076 Javascript 表达式
|
2月前
|
存储 JavaScript 前端开发
编程笔记 html5&css&js 075 Javascript 常量和变量
编程笔记 html5&css&js 075 Javascript 常量和变量
|
2月前
|
JavaScript 前端开发 程序员
编程笔记 html5&css&js 074 Javascript 运算符
编程笔记 html5&css&js 074 Javascript 运算符
|
2月前
|
JavaScript 前端开发 Java
编程笔记 html5&css&js 073 JavaScript Object数据类型
编程笔记 html5&css&js 073 JavaScript Object数据类型
|
2月前
|
存储 JavaScript 前端开发
编程笔记 html5&css&js 072 JavaScript BigInt数据类型
编程笔记 html5&css&js 072 JavaScript BigInt数据类型