html笔记01

开发网页的三种技术

HTML 负责网页的结构

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

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

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

HTML

html是什么?

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

  • 文本:txt文本

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

  • 标记:标签(单标签,双标签)

注:

  • html是语义化结构标签
  • html当中不存在编程语言的语法,而充斥这各种各样的标准。
  • 运行环境:浏览器
  • 在浏览器中我们见到的所用的网页本质上都是一个文本,而这文本又称之为html。
  • html不是一门编程语言,只是一门标记语言,类似于工具一样的东西。
  • .htm是比较老的教科书里面文件的后缀,.htm文件不完整支持html5的语法

html5文档结构说明

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

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

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

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

网页预定义信息

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

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

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

<style>/*css代码*/</style> 通过style标签使用css

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

<script> /*js代码*/ </script> 通过script标签使用script

常用标签

<hr>换行分割线

<br>换行

<h1>-<h6>多级标题

<!---->注释

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

posted @ 2017-06-25 13:51  pallcard  阅读(115)  评论(0编辑  收藏  举报