web相关基础知识

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web相关基础知识相关的知识,希望对你有一定的参考价值。

2017-12-13 09:47:11

   关于HTML

    1.绝对路径和相对路径

    相对路径:相对于文件自身为参考。 (工作中一般是使用相对路径)

  这里我们用html文件为参考。如果说html和图片平级,那直接使用src

  技术分享图片 

  如果说图片在和html平级的文件夹里面,那么使用文件夹/图片

  技术分享图片

  如果说图片在html的上一级文件中,使用../图片,或者在上级文件夹的子文件夹里面,使用../ppt/图片 (但是要保证在同一个项目中)

   绝对路径:从盘符开始,C:\\windows\\system32\\cmd.exe

    2.相关的标签

  <strong> 加粗标签              <em> 文本倾斜标签          <del>删除线标签           <ins> 下划线标签

 

  <a >   (其中的target属性,默认是_self,可以不写,指关闭自身页面打开新页面,_blank在新页面中打开,自身页面保留)

空标签:  <a href="#">

也可以用于压缩包的下载   技术分享图片  (不推荐)

锚点    可以在页面的某个地方技术分享图片设置锚点,然后用技术分享图片可以使得点击回到设置锚点的地方。

 

  <ul type="square">用于修改列表的前面的小图标展示。(square-小方块  disc-实心小圆圈   circle-空心小圆圈 )

<ol type="1">   (有序的type可以是很多种,字母,数字,罗马数字)

自定义列表:<dl>                                                                    

      <dt>帮助中心<dt>   小标题

                    <dd>账户管理<dd>   内容

      <dd>购物指南<dd>  内容                           技术分享图片      技术分享图片

      </dl>

     音乐标签:<embed src="" hidden=true> 技术分享图片

     滚动标签:<marquee></marquee>  滚动标签;

     !+tab  新生成html5标签

     <table> :关于快速建立表格的方法,比如说我们要建立三行四列的表格,那么输入table>tr*3>td*4  再按tab键就OK

属性:cellspacing-用来表示单元格之间的间隙,值是数字,表示像素点。cellpadding-用来表示单元格内文字和单元格四周的距离,值是数字。

width="400",或者是用style="width:400px"

    <tr>:属性 :valign=“top”设置这一行的内容是水平靠上还是靠下,align=“left”表示水平方向上靠左还是靠右。

 

 

   关于CSS

选择器 

  通配符选择器  * { }  对页面所有的元素都应用这个样式。(不推荐使用,因为每次遇到一个标签都会应用这个样式,增加网页负担。解析力度大)

  交集选择器   span.demo { }   既要满足使用了某个标签,又要调用了类选择器或者是ID选择器,其中标签和类或者ID之间不能有空格

  

 




以上是关于web相关基础知识的主要内容,如果未能解决你的问题,请参考以下文章

tomcat相关知识

web聊天相关知识

Web缓存相关知识整理

从零开始学 Web 之 移动Web屏幕相关基本知识,调试,视口,屏幕适配

web相关知识

移动WEB viewport 相关知识