学习工具:webstorm
一. web应用程序组成
1.网页
a. 结构包含:文档标题,段落,列表。
b.结构一般用XHTML表示,基本结构如下:
<html>
<head>
<body>
....................内容
</body>
</head>
</html>
C.fenlei
----------------------------------------------------------------------------------------------------------------------
2.web服务器
3.web浏览器
4.http协议
a. http请求:请求行,请求头,空行,消息体
b.http响应:状态行,响应头,空行,消息体
http:Hyper text transfer protecol 超文本传输协议 |
HTML:hyper text markup language 超文本标记语言 |
注意区分,一个是协议,一个是标记语言 |
二. 标记语言基础
网页分为内容,结构(XHTML语言定义→扩展名一般为.htm或者.html),表现,行为.
正文标记语言,是放在<body></body>之间的内容。
1.注释
<!--内容--> 不显示在网页上,仅为编辑过程提供注释,帮助快速理解
2.标题
<h1>标题1</h1>
<h2>标题2</h2>
空格 | |
< | < |
> | > |
© | © |
® | ® |
& | & |
长破折号 | — |
9.添加图片
<img scr="文件名" alt="内容1" title="内容2">----------当图片不能显示时,则显示内容1,当鼠标移至图片位置时, 注释显示内容2
10.添加链接
<a href="http://链接">描述文本</a>-----------描述文本的网页链接
扩展:<a href="链接" target=“ blank”>描述文本</a>--------在新开的窗口打开描述文本的链接
锚点:需要运用a语言的name属性
<a href="demo1.html#标题1" target=“ blank”>描述文本</a>------------demo2.html
<a name="标题1">描述文本</a>---------demo1.html
-----------------------------运行demo2,进入demo1,点击标题1,直接显示到标题1的位置
/ | 表示该目录为根目录的子目录 |
·/ | 表示目录为当前目录(当前级) |
../ | 表示目录为当前目录的上一级目录 |