Web前端学习笔记2

时间:2021-06-21 03:35:29

一.开发工具sublime的常用快捷键。

1.

                    快捷键                        功能
ctrl+shift+D 快速复制
ctrl+L 快速选中
ctrl+鼠标左键 集体输入一样
ctrl+H 查找替换
ctrl+F 标签的查找
ctrl+shift+方向键 整体的移动

其他快捷键使用: http://blog.csdn.net/moyan_min/article/details/11530751

二.html中的标签

1.单标签。

    1.1 文本注释标签Web前端学习笔记2 <!--      -->快捷键为 ctrl+/

    1.2 文本换行标签 Web前端学习笔记2 <br>

    1.3 横线标签 Web前端学习笔记2 <hr>

2.双标签。

    2.1 段落标签 Web前端学习笔记2 <p></p>

    2.2 标题标签  Web前端学习笔记2Web前端学习笔记2 (标题标签只能取到数字1-6且数字越大标题越小。)

    2.3 文本标签

          <font></font>Web前端学习笔记2

    2.4 文本格式化标签

       文字加粗显示:Web前端学习笔记2Web前端学习笔记2用<strong></strong>标签。优先使用有语意化的标签。

      文字斜体显示:Web前端学习笔记2 <em></em>Web前端学习笔记2优先使用<em></em>标签。

      删除线标签: Web前端学习笔记2

      文字下横线标签:Web前端学习笔记2

三.图片标签

  <img>

  属性:   src:设置显示图片(图片名称或者图片路径)title:当鼠标放在图片上所显示的文字Web前端学习笔记2

alt:当图片无法正常显示时对图片的描述。     Web前端学习笔记2(当图片正常显示时alt属性就不在了)

      width:用来设置图片宽度

      height:用来设置图片高度

        src:

          绝对路径:凡是带头磁盘路径或者带有网站地址的都是绝对路径。例如::D:/a/1.jpg  或者 www.baidu.com/images/1.jpg

          相对路径:当图片和文件(html)在同一文件夹中时直接写上图片名称。

              :Web前端学习笔记2当1.html访问1文件夹中的图片时用Web前端学习笔记2

              :Web前端学习笔记2当3文件夹中的文件要访问1文件夹中的图片时应该这样写:Web前端学习笔记2(../只能跳一级文件夹,跳多级时用多个../)

四.超连接

<a href=""></a>  实现页面的跳转Web前端学习笔记2

属性

  title:当鼠标放在文字上时显示的文字Web前端学习笔记2

  target="_self"  默认值,网页直接在当前页面打开

  target="_blank" 网页在新窗口中打开  优化的写法Web前端学习笔记2  在<head>标签中写即可。

  <a></a>的另一种用法:锚链接 Web前端学习笔记2  Web前端学习笔记2  先给任何一个标签设置id属性并取值 再给a标签设置href属性 #"id名称"

  简单的下载功能Web前端学习笔记2a标签通过给href设置一个压缩文件,即可实现下载

  文字和图片都可设置超链接

  超链接也可不跳转到任何页面  <a href="#>跳转</a>

五.特殊字符

Web前端学习笔记2

六.列表

    无序列表(ul):<ul><li></li></ul>可放多个<li></li>标签Web前端学习笔记2 属性介绍:  当type="square" 小方块显示  当type="circle"时 小圆圈显示

  

    有序列表(ol)<ol><li></li></ol>可放多个<li></li>标签Web前端学习笔记2属性介绍:type属性type="a"or"i"a表示从a开始计数 i表示小写的罗马数字  start="3"li面前显示从第几个开始。

    自定义列表(dl):

Web前端学习笔记2

<dl>
<dt></dt> <!--小标题-->
<dd></dd> <!--列表项-->
....
<dd></dd>
</dl>

七.

Web前端学习笔记2媒体播放标签  属性hidden用来隐藏播放

Web前端学习笔记2Web前端学习笔记2