第一次学习html

1.开发网页的三种技术

  • html       负责网页的结构
  • css       站在美学的角度进行美化
  • JavaScript       站在用户体验的角度设计网页的交互效果
  • Hode.js -->JavaScript      能够前后端通吃

2.html

2.1 html是什么?

  • 超文本标记语言(HyperText Markup Language)
  • 文本: txt文本
  • 超文本:文本、图片、链接、音乐、程序
  • 标记:标签单标签和双标签
  • html当中,不存在编程语言的语法,而是充斥着各式各样的标签
  • html运行环境:浏览器

浏览器是用来打开网页的。在浏览器中我们见到的所有的网页本质上都是一个文本,而这文本又称之为html。 
html不是一门编程语言,只是一门标记语言,类似于工具一样的东西。

2.2sublime插件

ctrl + shift + p 输入 install 选择 install package 在新的输入框中输入emmet,选择即可。

2.3html5文档结构说明

<!DOCTYPE html> html5文档声明头 ,想要完整的使用html5语法,必须使用文档声明头,声明当前文件是html5文件 双标签 定义html文档内容的结构 所有的html文档的内容都需要写在这对标签内部。

头部 通常情况下,里面写的内容是对于当前网页的一些 预定义信息设置。 身体 网页 里面要显示给用户看的内容,全部写在body里面

2.4网页预定义信息

<meta charset="UTF-8"> 
设定当前网页的编码格式meta标签是一个单标签,通过charset 属性,将其属性值设置为需要的编码,即可为当前的网页设置编码格式。<meta name="author" content="XXX"><meta name="keywords" content="XXX"> 
<title>网页标题</title> 
通常情况下, tilte要放在meta字符集设置的下面,防止出现乱码
<link rel="stylesheet" href="style.css">
引入外部的css文件
<style>/*css代码*/</style>
<script src="01.js"></script> 
引入外部的js脚本文件,需要注意的是,两个script标签中间不能存在任何内容换行都不可以<script>// js代码</script>

2.5常用标签

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

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

posted @ 2017-06-28 10:54  XNyujie  阅读(105)  评论(0)    收藏  举报