一.开发工具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 文本注释标签 <!--      -->快捷键为 ctrl+/

    1.2 文本换行标签  <br>

    1.3 横线标签  <hr>

2.双标签。

    2.1 段落标签  <p></p>

    2.2 标题标签   (标题标签只能取到数字1-6且数字越大标题越小。)

    2.3 文本标签

          <font></font>

    2.4 文本格式化标签

       文字加粗显示:用<strong></strong>标签。优先使用有语意化的标签。

      文字斜体显示: <em></em>优先使用<em></em>标签。

      删除线标签: 

      文字下横线标签:

三.图片标签

  <img>

  属性:   src:设置显示图片(图片名称或者图片路径)title:当鼠标放在图片上所显示的文字

alt:当图片无法正常显示时对图片的描述。     (当图片正常显示时alt属性就不在了)

      width:用来设置图片宽度

      height:用来设置图片高度

        src:

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

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

              :当1.html访问1文件夹中的图片时用

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

四.超连接

<a href=""></a>  实现页面的跳转

属性

  title:当鼠标放在文字上时显示的文字

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

  target="_blank" 网页在新窗口中打开  优化的写法  在<head>标签中写即可。

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

  简单的下载功能a标签通过给href设置一个压缩文件,即可实现下载

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

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

五.特殊字符

六.列表

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

  

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

    自定义列表(dl):

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

七.

媒体播放标签  属性hidden用来隐藏播放

Web前端学习笔记2的更多相关文章

  1. 【前端】Web前端学习笔记【2】

    [2016.02.22至今]的学习笔记. 相关博客: Web前端学习笔记[1] 1. this在 JavaScript 中主要有以下五种使用场景 在全局函数调用中,this 绑定全局对象,浏览器环境全 ...

  2. 【前端】Web前端学习笔记【1】

    ... [2015.12.02-2016.02.22]期间的学习笔记. 相关博客: Web前端学习笔记[2] 1. JS中的: (1)continue 语句 (带有或不带标签引用)只能用在循环中. ( ...

  3. Web前端学习笔记(001)

    ....编号    ........类别    ............条目  ................明细....................时间 一.Web前端学习笔记         ...

  4. web前端学习笔记

    web前端学习笔记(CSS盒子的定位) 相对定位 使用相对定位的盒子的位置常以标准流的排版方式为基础,然后使盒子相对于它在原本的标准位置偏移指定的距离.相对定位的盒子仍在标准流中,它后面的盒子仍以标准 ...

  5. web前端学习笔记:文本属性

    今天的web前端笔记主要讲述文本属性,希望能帮助到正在学习web前端开发的初学者们,废话不多说了,一起来看看文本属性的相关内容吧. 文本属性 文本缩进 将Web页面上的一个段落第一行缩进,这是一种最常 ...

  6. Web前端学习笔记:Bootstrap框架

    很久之前就有很多人给我推荐twitter的Bootstrap框架,但是直到前几天我才真正学习了下Bootstrap,的确是相当棒的框架,至少从视觉体验上超越了很多以前碰到了前端UI框架.今天我要聊聊B ...

  7. Web前端学习笔记之jQuery基础

    0x0 jQuery介绍 jQuery是一个轻量级的.兼容多浏览器的JavaScript库. jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Aja ...

  8. Web前端学习笔记之BootStrap

    Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且 ...

  9. web前端学习笔记---实现雪花飘落的效果

    看了javascript网页特效实例大全中的图片飘下的效果实例,觉得值得动手学习下. 就把图片改成雪花图,完成一个雪花飘下的效果. 并且,其中有些内容比较陈旧了,那么就学者改掉吧. 包括: 1.对le ...

  10. Web前端学习笔记1

    Day1. 1.Windows常用快捷键. 快捷键 功能 ctrl+c 复制 ctrl+v 粘贴 ctrl+x 剪切(复制和剪切后都可以粘贴) ctrl+a 全选 ctrl+s 保存 ctrl+tab ...

随机推荐

  1. PyCharm 3.0 发布,提供免费开源版本

    PyCharm 发布最新的 3.0 版本,该版本新特性详见: http://www.jetbrains.com/pycharm/whatsnew/index.html 该版本最主要的是提供了免费开源的 ...

  2. mysql 5.5多实例部署【图解】

    mysql5.5数据库多实例部署,我们可以分以下几个步骤来完成. 1. mysql多实例的原理 2. mysql多实例的特点 3. mysql多实例应用场景 4. mysql5.5多实例部署方法 一. ...

  3. 成为JavaGC专家(1)—深入浅出Java垃圾回收机制

    转载自:http://www.importnew.com/1993.html 对于Java开发人员来说,了解垃圾回收机制(GC)有哪些好处呢?首先可以满足作为一名软件工程师的求知欲,其次,深入了解GC ...

  4. Virtualbox虚拟Ubuntu共享文件夹设置

    1. 启动ubuntu, 然后先virtualbox的安装增强功能,菜单:“设备(D)”-> "安装增强功能":然后进入ubuntu 系统,安装Vboxadditions_. ...

  5. URAL

    URAL 2035 输入x,y,c,  找到任意一对a,b 使得a+b==c&& 0<=a<=x && 0<=b<=y 注意后两个条件,顺序搞错 ...

  6. DirectX--Filter属性页的调用

    IEnumFilters* pEnum; HRESULT hr ; if (pigb) { hr = pigb-> EnumFilters(&pEnum); if (FAILED(hr) ...

  7. poj-1218 THE DRUNK JAILER 喝醉的狱卒

    自己去看看原题; 题目大意: 就是一个狱卒喝醉了,他第一趟吧所有的监狱都带开,第二趟把能把二整除的监狱关闭,第三趟操作能把三整除的监狱; 求最后能逃跑的罪犯数 输入第一个数是代表 测试数据组数 每个数 ...

  8. python selenium模拟滑动操作

    selenium.webdriver提供了所有WebDriver的实现,目前支持FireFox.phantomjs.Chrome.Ie和Remote quit()方法会退出浏览器,而close()方法 ...

  9. UI设计初学者必看,这款设计神器教你快速入门

    网络时代,网页和手机App已经深入到人们生活的方方面面.这也使得App界面设计越来越受青年求职者们的青睐,并纷纷投入这个行业.但是,作为UI设计初学者,究竟如何才能快速的入门?当今市场上,是否有那么一 ...

  10. sql: Oracle 11g create table, function,trigger, sequence

    --书藉位置Place目录 drop table BookPlaceList; create table BookPlaceList ( BookPlaceID INT PRIMARY KEY, -- ...