一.开发工具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前端学习笔记（二）---Django

    [前言]前面(一)学习了web的基础知识,介绍到了MVC,项目使用一个Django框架. Django book:https://code.ziqiangxuetang.com/django/djan ...

  7. Web前端学习笔记：Bootstrap框架

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

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

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

  9. Web前端学习笔记之BootStrap

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

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

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

随机推荐

  1. BestCoder Round #73 (div.2)（hdu 5630）

    Rikka with Chess Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others) ...

  2. Codeforces Round #116 (Div. 2, ACM-ICPC Rules) E. Cubes (尺取)

    题目链接:http://codeforces.com/problemset/problem/180/E 给你n个数,每个数代表一种颜色,给你1到m的m种颜色.最多可以删k个数,问你最长连续相同颜色的序 ...

  3. 分析恶意驱动(进程启动apc注入dll)

    一.前言  用IDA也有好些时间了,以前就只会用F5功能玩无壳无保护的裸驱动,感觉太坑了,这两天就开始看网上大牛的逆向. 今天记录一下sudami曾经逆向过的fuck.sys.第一遍自己走的时候漏掉了 ...

  4. .NET的Snk使用方法

    保护你Asp.Net生成的DLL和Code不被别人反编译  大家做项目开发一般都是分层的,比如UI层,业务层,数据访问层.业务层引用数据访问层的DLL(比如 dataAccess.dll),并使用da ...

  5. 从零开始学android开发-通过WebService获取今日天气情况

    因为本身是在搞.NET方面的东东,现在在学习Android,所以想实现Android通过WebService接口来获取数据,网上很多例子还有有问题的.参考:Android 通过WebService进行 ...

  6. Codeforces Round #331 (Div. 2)C. Wilbur and Points 贪心

    C. Wilbur and Points Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/contest/596/ ...

  7. .net简单录音和播放音频文件代码

    本代码特点:不用DirectX ,对于C/S .B/S都适用. 方法: //mciSendStrin.是用来播放多媒体文件的API指令,可以播放MPEG,AVI,WAV,MP3,等等,下面介绍一下它的 ...

  8. C#实现汉诺塔问题

    汉诺塔的由来:汉诺塔是源自印度神话里的玩具.上帝创造世界的时候做了三根金刚石柱子,在一根柱子上从下往上安大小顺序摞着64片黄金圆盘.上帝命令婆罗门把圆盘从下面开始按大小顺序重新摆放在另一根柱子上.并且 ...

  9. 不可不表的OSG智能指针之强指针与弱指针 《转载》

    不可不表的OSG智能指针之强指针与弱指针 <转载> 使用OSG的人都知道OSG的内存管理方式采用了智能指针,通过智能指针的方式让OSG自己处理对象的销毁工作.在OSG中有两个智能指针类型, ...

  10. [AngularJS] ngModelController render function

    ModelValue and ViewValue: $viewValue: Actual string value in the view. $modelValue: The value in the ...