0622笔记

开发网页的三种技术

Html 负责网页的结构

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

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

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

Html

html是什么?

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

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

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

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

html运行环境:浏览器
浏览器是用来打开网页的。
在浏览器中我们见到的所有的网页本质上都是一个文本,而这文本又
称之为 html。

<h1>hello,world</h1>

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

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

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

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

sublime 插件

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

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

html5文档结构说明

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

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

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

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

网页预定义信息

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

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

<title>网页标题</title>
通常情况下, tilte要放在meta字符集设置的下面,防止出现乱码

<link rel="stylesheet" href="style.css"> 引入外部的css文件

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

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

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

常用标签

<hr>换行分割线
<br>换行
<h1>-<h6>多级标题
<!---->注释

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

posted on 2017-06-26 08:16  七月南风  阅读(100)  评论(0编辑  收藏  举报

导航