首页 > 代码库 > HTML笔记2

HTML笔记2

2024-10-11 20:43:02   215人阅读

1.开发网页的三种技术

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

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

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

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

2. Html

2.1 html是什么？

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

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

标记：标签 <html> 单标签和双标签  <meta>  <html></html>

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

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

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


<h1>hello,world</h1>

w3c  ---  万维网  兼容性处理  


html 不是一门编程语言，只是一门标记语言，类似于工具一样的东西。

htm  -->  比较老的教科书里面 文件的后缀htm
html -->  html

htm文件不完整的支持html5的语法

2.2 sublime 插件

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

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

2.3 html5文档结构说明

<!DOCTYPE html> html5文档声明头 ，想要完整的使用html5语法，必须使用 文档声明头，声明当前文件是html5文件

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

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

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

2.4 网页预定义信息

<meta charset="UTF-8"> 设定当前网页的编码格式.meta标签是一个单标签，通过charset 属性，将其属性值设置为需要 的编码，即可为当前的网页设置编码格式。

<meta name="author" content="李白"> <meta name="keywords" content="h5培训，航哥最牛逼 ，连言约航哥...">

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

<title>网页标题</title>

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

<link rel="stylesheet" href="http://www.mamicode.com/style.css">

引入外部的css文件

<style> /*css代码*/ </style>

<script src="http://www.mamicode.com/01.js"></script>

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

<script> // js代码 </script>

2.5 常用标签

<hr>换行分割线

<br>换行

<h1>-<h6>多级标题

<!---->注释

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

HTML笔记2


联系
我们