1.Web概述
网页：网站中用于承载信息的页面，主要由文字、图像和超链接等元素构成，除了这些元素，网页中还可以包含音频、视频以及flash等。
web标准：Web标准不是某一个标准，而是由W3C和其他标准化组织制定的一系列标准的集合。 包含我们所熟悉的HTML、CSS、JavaScript等等。
构成：结构标准+表现标准+行为标准
2.开发工具- Dreamweaver
主要介绍菜单栏内部分功能的应用：
文件：新建、打开、保存等
编辑：
快捷键：给注释加快捷键
首选参数：代码格式、代码提示、代码颜色、新建文档、在浏览器中预览、字体大小
插入：表单、超链接等
3. 网页开发入门-HTML
基本格式：文档后缀名.html或者.htm
<!doctype html> 必须用在开头：用于向浏览器说明当前文档使用的哪种HTML规范标准
<html>：根标记，用于告知浏览器本文件是个html文档
<head>：头部信息，主要用来放置其他位于头部的标记，像<title>、<meta>、<link>、<style>等
<meta>：描述HTML文档的描述，关键词，作者，字符集等。
<body>：主体标记。网页上要显示的所有内容都写在此处
通常<html>与</html>、<p>与</p>等都是成对出现的。
还有
注释：<!-- 注释内容 -->
标签：
<div>：用来划分区域的
<p>：段落
<h1>~<h6>：标题从大到小
举例说明：
源代码：
<!DOCTYPE HTML >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
<link href="mycss.css" type="text/css" rel="stylesheet" />
<!--行内样式-->
<!-- <style type="text/css">
#txt{ /*此处为文本内容的属性的更改*/
background-color:#9CF !important; /*背景颜色可以更换*/
width:800px;
}
</style>-->
</head>
<!-- 注释 -->
<body >
<div id="txt" style="width:770px; background-color:#F90; margin:0
auto;">
<h1 class="myclass"> 你好，秋天 </h1> /*通过下面class内的内容更改标题的属性*/
<p>zhaoqi @ 2018-10-08</p>
<p>春天是一把琴，将优美琴声带给世人，叫他们脱去衣袄，重新奔跑在温暖的大地中；夏天是一把扇，扇去炎热，以热情的脸庞去温抚他人；冬天时一雪花，飘飘而来，为人们带来雪的姿态，但是秋天的叶则更令我喜欢。</p>
<p>秋天的叶是凄凉的飘飘洒洒的落叶如一只蝴蝶，飞舞着，飘到大地母亲的怀抱里。</p>
<p>秋天的叶是一位化妆师，把世界渲染，把大地变成金黄色；秋天的叶，默 默无闻，春天夏天，树叶的绿叶衬托使鸟儿莺歌燕舞，秋天的你，默默而去， 但你不伤心，因为你熟知"落红不是无情物，化作春泥更护花。"</p>
<p>秋日的叶是富有诗意的，你好，秋天，你好！</p>
<p>浏览[1051]|评论[105]</p>
<p>注：文字摘自网络</p>
</div>
</body>
</html>
css：可以在源代码中引用这部分内容
@charset "utf-8";
/* CSS Document */
#txt{
background-color:#f00 !important;
width:800px;
}
.myclass{
text-align:center;
color:#fff;
font-family:楷体;
font-style:italic;
}
p{
color:#fff;
text-indent:2em;
line-height:35px;
}
转载于:https://my.oschina.net/u/4090401/blog/3017906