HTML前言
1、HTML简介
1.1概述
THML：Hyper Text Markup Language，超文本标记语言
作用:定义网页的内容
标记<关键字> ：<head></head> <input>
1.2浏览器
常用浏览器：Chrome, Safari,Opera,firefox，不同的浏览器内核可能不同。浏览器的兼容性实际上我们需要做的就是内核的兼容。
1.3开发工具
IDE：集成开发环境
Hbuilder:下载，安装，创建工程，书写html入门程序，浏览器运行
1.4程序
2、HTML基本结构
2.1基本结构，文档声明
标记（标签）语言：将数据、媒体、文本内容以固定的层级格式排列起来的编码技术，html就是标记语言。
Html文档模式：
严格模式：按照当前浏览器的能支持的最高版本进行元素的渲染。
混杂模式：使用DTD限制当前浏览器按照当前某一个版本进行元素渲染。
模式的声明方式：
Html5中的声明方式如下，严格模式。<!DOCTYPE html>
Html4的声明方式：依照定义的dtd文件格式进行html渲染，混杂模式。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2.2网页头信息
1、title <title>我的第一个网页</title>
2、style <style> h1{color:blue; font-size: 50px; } </style>
3、meta
可以字符集，关键词，描述信息，作者，日期，时间，版权
keywords－关键字：<meta name=“Keywords” Content="vacation,greece">
Description－简介：<meta name="Description" Content="你网页的简述">
Author－作者：<meta name="Author" Content="张三，abc@sina.com">
Copyright -版权：<meta name=“Copyright” Content=“XX公司">
content-Language -显示字符集的设定：<meta http-equiv="Content-Language" Content="zh-CN">
content-Type-定义网络文件的类型和网页的编码：<meta http-equiv="Content-Type" Content="text/html; Charset=utf-8">
4、link
1）、引入外部CSS：<link rel="stylesheet" href="../css/001.css" type="text/css">
2）、为网页添加图标：<link rel="icon" href="../img/1.jpg">
5、script
1）、提醒框：<script> alert("中软国际欢迎您！"); </script>
2）、引入外部js：<script charset="UTF-8" src="001.js"></script>
2.3特殊字符
<body> &It;he& llo;> </body>
输出：s <he llo>
2.4注释
注释：当前程序文字描述，用于提高程序的可读性。
html注释的特点：
加载到客户端，从而影响网页打开速度。
不会被执行，不会影响加载后的执行。
html、css、js的注释可以被第三方工具删除。
html注释的编写方式：
<!—此处是注释 --> 建议在程序开发中增加注释，提高代码的质量。
2.5标签格式
1）、闭合标签：由开始标签和结束标签组成，开始标签:<标签名>，结束标签</标签名>
<head></head>
<div></div>
<h1></h1>
2）、非闭合标签:只有一个开始标签,<标签名/>
<input/>
<img/>
2.6共有属性
Html中的所有元素都具有以下几个属性：
class:为标签声明类名
id:标签的唯一标志，不可重复的
style:每一个标签都可以设置样式，改变显示
title:为标签设置标题，后面讲的时候注意，当鼠标移入标签，在鼠标的右下角显示出的文字
浙公网安备 33010602011771号