HTML笔记2

2021-07-13 23:04

阅读:371

1.开发网页的三种技术

Html--->负责网页的结构

Css--->站在美学的角度进行美化

JavaScript--->站在用户体验的角度设计网页的交互效果

Node.js --> JavaScript 能够前后端通吃

2. Html

2.1 html是什么?

超文本标记语言(HyperText Markup Language)

文本:txt 文本  
超文本 :文本 、图片、链接、音乐、程序

标记:标签  单标签和双标签  

html当中,不存在编程语言的语法,而是充斥着各式各样的标签。

html运行环境:浏览器 
浏览器是用来打开网页的。

在浏览器中我们见到的所有的网页本质上都是一个文本,而这文本又
称之为 html。


hello,world

w3c --- 万维网 兼容性处理 html 不是一门编程语言,只是一门标记语言,类似于工具一样的东西。 htm --> 比较老的教科书里面 文件的后缀htm html --> html htm文件不完整的支持html5的语法

2.2 sublime 插件

ctrl + shift + p 输入 install  选择 install package 

在新的输入框中输入emmet  ,选择即可。

2.3 html5文档结构说明

html5文档声明头 ,想要完整的使用html5语法,必须使用 文档声明头,声明当前文件是html5文件

双标签 定义html文档内容的结构 所有的html文档的内容 都需要写在这对标签内部。

头部 通常情况下,里面写的内容是对于当前网页的一些 预定义信息设置。

身体 网页 里面要显示给用户看的内容,全部写在body里面

2.4 网页预定义信息

 设定当前网页的编码格式.meta标签是一个单标签,通过charset 属性,将其属性值设置为需要 的编码,即可为当前的网页设置编码格式。

seo优化 百度会对收录的所有的网站有一个评分系统 评分越高,越靠前。

网页标题

通常情况下, tilte要放在meta字符集设置的下面,防止出现乱码

引入外部的css文件

引入外部的js脚本文件,需要注意的是,两个script标签中间不能存在任何内容换行都不可以

2.5 常用标签


换行分割线


换行

-

多级标题

注释

在html中,一些语义不是太明显的标签我们可以用来做挂件。


评论


亲,登录后才可以留言!