dreamwever基础知识与简单网页的制作

Dreamweaver

  • 简单网页的基础知识(一)
    • 1.HTML简单理解:
    • 2.内部样式表和内联样式表的区别
    • 3.dreamweaver常用代码注释
    • 4.CSS语法
    • 5.CSS 选择器
    • 5.选择器的组合用法


温馨提醒: 此文章是本人对Dreamweaver的基础学习,在学习的过程中,发现书本中的内容虽然比较详细,但是比较繁琐,一些常用的标签容易遗忘。因此,编辑此文章是为了当作自己的日记本作一个基础的总结,在今后的学习中可以在这里翻阅查看,比较方便。如果觉得文章有实用的地方,欢迎大家收藏、点赞!!! 感谢大佬们的支持!!!

简单网页的基础知识(一)

1.HTML简单理解:

HTML是Hyper Text Markup Language的缩写,意思是“超文本标识语言”,它实际上是专门用来编写网页的一种编程语言,网页的构成基础就是HTML的语句。 下面先了解一下简单的网页构成:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>这里是一个标题!</title>
</head>
<body>

</body>
</html>

实例解析:

!DOCTYPE html:声明为 HTML5 文档
html:元素是 HTML 页面的根元素
head:元素包含了文档的元(meta)数据,如 定义网页编码格式为 utf-8。
title:元素描述了文档的标题
body: 元素包含了可见的页面内容
h1:元素定义一个大标题
p :元素定义一个段落
提示:
1.以上所有元素都要使用<>括着。
2.多数标签都是成对出现,其中别标签因为只有单一功能。
3.网页文档的后缀名为 .html或 .htm 两种后缀名都可以使用,初学者不用去纠结。刻意去了解的话,点击:地址直达


2.内部样式表和内联样式表的区别

注意:
1.下面代码中 为注释部分,简单的行注释可用#表示。
2.csdn文章可以识别Dreamweaver中的标签,所以接下来大部分的内容将以代码展示。

<!--#内部样式表
#当单个文档需要特殊的样式时,就应该使用内部样式表。你可以使用