9.11学习内容+周总结

学习工具: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>

<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>

3.段落
<p>内容</p>

4引用文本
<blockquote>
内容段落
</blockquote>

5.分区块文本
<div>段落文字</div>

6.跨多个字符
<span>内容</span>
例如:<span style="color:red">内容</span>---------------------内容变为红色

7.预编排文本
<pre>具有样式的内容,格式原样展示</pre>

8.列表文本
   a.有序列表
     <ol>
            <li>内容1</li>
            <li>内容2</li>
    </ol>
 --------------------------------------显示的内容1,内容2,内容3等按照1.2.3.等编号展示
   扩展:<li type="A">------------显示的编号由A.B.C.等编号,这里A还可以命名为a,i,I
          <li type="1" value="5">--------------显示的编号由5开始编号

  b.无序列表

     <ul>
         <li>内容1</li>
         <li>内容2</li>
    </ul>
 --------------------------------------显示的内容1,内容2,内容3等按照·编号展示
    扩展:<li compact="">-----------点可以根据compact命值的形状改变为方块等其他形状

  c.定义列表
     <dl>
         <dt>被定义的对象1</dt>
         <dd>定义1的内容</dd>
         <dt>被定义的对象2</dt>
         <dd>定义2的内容</dd>
    </dl>

常见特殊符号
空格&nbsp;
&lt;
&gt;
©
&copy;
®
&reg;
&&amp;
长破折号&#151;

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的位置


地址表示
/表示该目录为根目录的子目录
·/表示目录为当前目录(当前级)
../表示目录为当前目录的上一级目录






  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值