网页设计与制作的学习（一）
分类:
文章
•
2024-02-18 21:13:04
一、web基本概念
web就是“网页”，主要由文字、图像和超链接等元素构成，也可以包含音频、视频以及Flash等。
二、 名词解释
1.Internet
因特网，是由一些使用公共语言互相通信的计算机连接而成的网络。
2.WWW
万维网，它不是网络，它只是Internet提供的一种服务——网页浏览服务。
3.URL
统一资源定位符，其实就是web地址，俗称网址。
4.DNS
域名解析系统。
5.HTTP
超文本传输协议，它是一种详细规定了浏览器和万维网服务器之间互相通信的规则。
6.Web
Web仅仅是一种环境——互联网的使用环境、氛围、内容等。它也是一系列技术的复合总称，通常称其为“网页”。
7.W3C组织
万维网联盟，是国际最著名的标准化组织。
三、
1. 结构标准：使内容更清晰，更有逻辑性。
2.表现标准：用于修饰内容的样式。
3. 行为标准：内容的交互以及操作效果。
四、
<！DOCTYPE>标记
这个部分的用来说明该文档是HTML文档。
<html>标记
位于HTML文档的最前面，用来标识HTML文档的开始；加/标记位于HTML文档的最后面，用来标识HTML 文档的结束；这两个标签对成对存在，中间的部分是文档的头部和主题。
<head>标记
包含有关HTML文档的信息，可以包含一些辅助性标签，
<body>标记
用来包含文档内容的元素，也就是浏览器可见区域部分。所有的可见内容都应该在这里面添加。
五、 常用HTML标签
1. html标签 – 定义HTML文档.
2.body标签 – 定义HTML文档的内容.
3.p标签 – 定义段落.
4.h1-h6标签 – 定义标题.
5.html注释 – 定义注释内容.
六、
1.标记和被标记的内容构建出HTML文档
格式：
<标记>
内容
<标记>
2.标记的属性
标记的属性，就是用来控制我们的内容（图像、文本等）如何显示
格式：
<标记 属性1=属性值 属性2=属性值 …>
内容
</标记>
3.文档注释
注释一段内容时使用"<!–"开始，“–结束
4.代码格式
空格键和回车键在网页中都不会起到任何作用，我们为了让代码清晰易读，可以使用空格键和回车键进行编排。
注意：缩进时保持严格的规则，以”Tab”键进行缩进。
七、HTML文档头部标记
1.<title>标记：用于定义HTML页面的标题。
2.<meta>标记：
1）name属性：它不是自己定义的值。
keywords：是网页的关键字。
description网页的描述，中心思想，网站做什么的等。
2）http-equiv属性
content-type：它是指定网页的类型和字符集的。
refresh：它是刷新时间的设置和刷新之后转到的地址。
3.<link>标记：是设置外部文件的链接标记 用于确定本页面和其他文档之间的关系。
八、HTML文本控制标记
标题字
HTML文档中包含有各种级别的标题，各种级别的标题由< h1 >到< h6 >元素来定义。其中< h1 >代表最高级别的标题，依次递减。
< hn >n级标题</ hn > //n代表标题级数
标题字对齐属性align
<align=对齐方式>`
align属性需要设置在标题标记的后面。常见的对齐方式的取值由left，center，right。
文本基本标记
< font >标记用来控制字体、字号和颜色等属性。
字体属性face
<font face=”字体样式”>......</font>
字号属性size
size属性用来设置字体的大小，它有绝对和相对两种方式。从1到7的整数，代表字体大小的绝对字号。从-4到+4的整数，字体相对于3号放大和缩小字号。
<font size=”文字字号”>......</font>
颜色属性color
<font color=”字体颜色”>......</font>
