知识点：
1、DW软件的核心是学习HTML代码，超文本标记语言。
超文本标记语言---超文本（超链接构成，用文本表示图片，音乐、多媒体等文件）
标记（网页中标记<>尖括号，网站可以标记转换成网站中的内容，浏览器可以解析翻译成网页中内容。）
语言（就是表示网站用的代码）
2、操作DW目的就是利用DW来写HTML代码。
3、和其他软件不同点DW操作的第一步是建立站点，网站是通过站点来运行的。操作站点的方法（站点----新建站点---
站点名称demo示例、basic基本的、project项目）
本地站点文件夹---保存站点的路径D:\demo\站点就新建完成
在站点下建立index.html，.html表示文件的扩展名
index.html表示主页，index索引，目录的意思。
点击站点DEMO，新建文件，建立index.html文件，这个文件在浏览器测试我们书写代码的效果。
再次点击站点demo，新建文件夹，命名为style。
现在生成的效果是一个叫demo的爹，生俩儿子，一个叫style，一个叫index.html.
4、打开index.html，操作窗口三个选项  分别是代码、拆分、设计
我们只用代码部分，写好的代码用F12点击去测试网站效果。
字体太小，更改代码的字体大小。
菜单栏---编辑----首选参数---字体---代码视图---16px即可。
5、网站中html的基本结构
<!doctype >      ----网站声明，确定我们网站的html的版本
<html>
<head></head>
<body></body>
</html> 
一个叫做HTML的爹，有俩儿子，一个儿子叫head，一个叫body
head对于网站的定义，body对于网站中内容的展示
讲课顺序：
先讲head中有哪些标签，各个标签的功能
再讲body中的有哪些标签，各个标签内容
6、head中的标签
<meta  />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  对于网站中语言的定义UTF-8
语言可以定义两种，utf-8  支持中文和英文，中英文混编
GB-2312  支持中文简体
<title></title>  定义浏览器的标题，浏览器的标题是seo必然分析的要素。
<meta  name=“keywords”  content=“网页设计，网页设计教程”  />  定义关键词 
<meta  name=“description”  content=“这是一个关于网页设计的网站。”  />  定义描述 
7、head中的link标签  ---link链接的意思
<link rel="stylesheet" type="text/css" href="style/css.css"/>
鼠标将css文件直接拉到head标签里即可。
8、body中显示的内容
HTML中所有的标签分两类，一类是单标签，一类是成对出现的双标签
输入的方法注意：用软件提示去佐证是单标签或双标签。
一种是自动换行的，叫外联元素，也叫块级元素，用来布局的
一种的不会自动换行的，叫内
联元素，用来修饰。
案例：p{display:inline}
b{display:block}
<p>这是一个段落</p><p>这是一个段落</p><p>这是一个段落</p>
<b>加粗</b><b>加粗</b><b>加粗</b><b>加粗</b><b>加粗</b>
9、内联元素的标签，修饰的。
b标签---加粗  u标签---下划线  i--倾斜  s删除
sub标签--下标  sup上标   
特殊内联元素：img图片标签  input表单  a超链接标记
外联元素：
p标签--标示段落
h1--h6标题---标题在seo中也占权重比例分值
hr水平线标记--外联元素
ul无序列表  ol有序列表  dl自定义列表
网页设计html代码翻译
10、图片
网页上能显示的图片格式有：gif，jpg，bmp，png。Bmp一般不用，因为太大了，小图都用GIF，背景要透明的用GIF，

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。