网站=域名+空间+程序+维护+模板 或者 网站=域名+服务器空间+网站程序+维护
网站分静态和动态的。静态的相对简单,只是将完成的文档上传,无法实时更改网站的显示内容,也无法和访问者进行交流互动。
相比较之下,动态网站就很好地弥补了静态的不足。但是同时,动态网站的构建也比静态的更难,在技术要求上也更高一些。
域名:网站的地址。如果一个网站要投入到网络上去,需要在服务器上申请一个IP地址,然后通过相关的步骤上传网站给服务器。可以去国外的服务器上申请,比较方便(空包)。
空间:网站的内容需要使用和占据的空间。
程序:编写网站的代码,也是网站的构架。
模板:类似做一个PPT,如果是相似类型的网站,那么在一些网站的设计上就可以保留格局分布的样式。
维护:一个网站并不是说做完了之后就不去管它了。网站在运行的过程中多多少少会出现问题,这个时候就需要进行更改和更新之类的操作。
一个网页主要包括三个部分:
文本内容 对其他文件的引用 标记(对文本内容进行描述并确保引用正确地工作)
URL:
在编辑相关的文件时,如果目标文件的相对路径是在当前文件位置的上一级
那么需要在URL中用 ../ 两个点和一个斜杠表示返回到上一级的目录
如果目标文件还在上一级,那么继续 ../ 知道到达目标文件位置
相对的,如果是在当前文件目录的下一级,比如当前为HTML文件,
目标文件为HTML中h1.html文件,那么此时路径应该为 /HTML/h1.html/
注意这里结尾的斜杠表示该文件是这个URL指向的最后一个目录
另外,所有的web服务器都将index.html作为默认文件
什么意思呢?就是说 http://www.baidu.com/SB/index.html/
和 http://www.baidu.com/SB/指向的都是同一个文件
在html文件的顶部可以加上一句 <!DOCTYPE html>用以告诉浏览器
这是一个html5文件,如此浏览器就可以更加正确地阅读该html文件
父元素和子元素的概念:
这个概念理解起来其实很简单
但是在之后的样式表当中会对CSS文件的编写
带来一定的影响
因为许多元素都是可以嵌套的(嵌套这个词比包含告不止一个档次)
那么最外层元素即父元素,而它嵌套的最近一层的元素即它的子元素
也可以理解成直系的后代
那么如果嵌套之中还有嵌套呢?那就是被嵌套的内一层元素的子元素了
不是,绝对不是最外层元素的子元素,父与子的关系必定是一对一的
但是可以称子元素的子元素为父元素的后代元素
<html> <body> <p> <em> </em> </p> </body> </heml>
html是body的父元素,body是html的子元素
body是p的父元素,p是body的子元素,以此类推
文本传输协议:
URL的第一个部分称为模式,是用来告诉浏览器如何处理需要打开的文件
除了常见的http(超文本传输协议);还有https(从http)衍生出来的,
用于电子商务网站等安全网站,格式和http一样,只是用https代替;
用于下载文件的ftp(文件传输协议);用于发送电子邮件的mailto。
模式之后一般接一个冒号和两个斜杠—— ://,只有mailto是例外的.
strong,em,b,i,cite:
在最新的定义(html5)中,对strong‘,em,b,i的解释有了变化
strong只是用来表示文本的重要性,em则是用来表示强调的作用
b用来提示主题文本,但是不包含额外的重要性,也不表示其他的语态
和语气
i用来表示和其他文本不同的文本,具有不同的语态和语气,或者用于
其他不同意常规的地方
cite:用来指明对某个内容来源的引用或者参考
(都是什么和什么啊……)
在给文件取名字时,尽量使用类似这样的格式:
XXX-XXX,XXX表示跟文件内容有关的文字
同时给元素的类取名的时候也要遵循类名尽量有
意义的原则
在给元素取类名的时候,可以取一个以上的类名
对,你没有看错,一个以上,但是没有限制
也就是说如果有人无聊或者说丧心病狂,那么一个
前标签无限长的的元素是很有可能的
当类名只有一个的时候是酱紫的:
<p class="XXX"> </p>
两个及以上的类名时是酱紫的:
<p class="XXXX" class="YYYY" class="ZZZZ" ……>
不同的类名之间要用空格间隔
ID和类名:
id的特殊处在于它在同一个文件中是独一无二的
绝对是不允许重复的,而类是可以的
就好像全国有N个人和我同名,但是每个人必然只有一个
身份证号,这就是类名和id的区别
那么二者这样的区分又有什么作用呢?
of course是有的。假如在一个CSS文件中你要给
很多的元素添加相同的样式时,你就可以给这些
元素都加上一个相同的类名
可是有的时候又需要将无需添加样式的元素区分出来
单独给它一个样式时,id的独一无二性质就能派上用场了
title:
这个本来想加到上一块内容里的,
但是想一想还是不要了
title作为元素时,只能存在于head
元素中,一般可以用来给网页添加一个名字
就是当该网页打开时在创口处显示的文本文字
当title作为属性时,可以作为标签一样的作用
作为提示或者在阅读器中提供朗读功能