Web前端学习笔记2
一.开发工具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的更多相关文章
- 【前端】Web前端学习笔记【2】
[2016.02.22至今]的学习笔记. 相关博客: Web前端学习笔记[1] 1. this在 JavaScript 中主要有以下五种使用场景 在全局函数调用中,this 绑定全局对象,浏览器环境全 ...
- 【前端】Web前端学习笔记【1】
... [2015.12.02-2016.02.22]期间的学习笔记. 相关博客: Web前端学习笔记[2] 1. JS中的: (1)continue 语句 (带有或不带标签引用)只能用在循环中. ( ...
- Web前端学习笔记(001)
....编号 ........类别 ............条目 ................明细....................时间 一.Web前端学习笔记 ...
- web前端学习笔记
web前端学习笔记(CSS盒子的定位) 相对定位 使用相对定位的盒子的位置常以标准流的排版方式为基础,然后使盒子相对于它在原本的标准位置偏移指定的距离.相对定位的盒子仍在标准流中,它后面的盒子仍以标准 ...
- web前端学习笔记:文本属性
今天的web前端笔记主要讲述文本属性,希望能帮助到正在学习web前端开发的初学者们,废话不多说了,一起来看看文本属性的相关内容吧. 文本属性 文本缩进 将Web页面上的一个段落第一行缩进,这是一种最常 ...
- web前端学习笔记(二)---Django
[前言]前面(一)学习了web的基础知识,介绍到了MVC,项目使用一个Django框架. Django book:https://code.ziqiangxuetang.com/django/djan ...
- Web前端学习笔记:Bootstrap框架
很久之前就有很多人给我推荐twitter的Bootstrap框架,但是直到前几天我才真正学习了下Bootstrap,的确是相当棒的框架,至少从视觉体验上超越了很多以前碰到了前端UI框架.今天我要聊聊B ...
- Web前端学习笔记之jQuery基础
0x0 jQuery介绍 jQuery是一个轻量级的.兼容多浏览器的JavaScript库. jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Aja ...
- Web前端学习笔记之BootStrap
Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且 ...
- web前端学习笔记---实现雪花飘落的效果
看了javascript网页特效实例大全中的图片飘下的效果实例,觉得值得动手学习下. 就把图片改成雪花图,完成一个雪花飘下的效果. 并且,其中有些内容比较陈旧了,那么就学者改掉吧. 包括: 1.对le ...
随机推荐
- codeforces 653A Bear and Three Balls
A. Bear and Three Balls time limit per test 2 seconds memory limit per test 256 megabytes input stan ...
- String 和 byte[]
使用默认字符集合 Encodes this String into a sequence of bytes using the platform's default charset, storing ...
- Windows xp下IDT Hook和GDT的学习
一.前言 对于IDT第一次的认知是int 2e ,在系统调用的时候原来R3进入R0的方式就是通过int 2e自陷进入内核,然后进入KiSystemService函数,在根据系统服务调用号调用系统服 ...
- NHibernate - ICriteria 查询
http://blog.knowsky.com/213234.htm http://blog.chinaunix.net/uid-20463341-id-1673509.html http://www ...
- JAVA事务的概念
From:http://www.cnblogs.com/kristain/articles/2038397.html 一.什么是事务 事务是访问数据库的一个操作序列,数据库应用系统通过事务集来完成对数 ...
- 方法字段[C# 基础知识系列]专题二:委托的本质论
首先声明,我是一个菜鸟.一下文章中出现技术误导情况盖不负责 引言: 上一个专题已和大家分享了我懂得的——C#中为什么须要委托,专题中简略介绍了下委托是什么以及委托简略的应用的,在这个专题中将对委托做进 ...
- Openfire服务器MySQL优化
Openfire服务器MySQL优化: [root@iZ28g4ctd7tZ ~]# mysql -u root -p XXXXX mysql> show processlist; +----- ...
- C++ 析构方法
1.什么是析构方法? 析构方法与构造方法互补. 2.为什么设计析构方法? 构造方法创建一个对象,对象内部往往还会申请一些资源.设计析构方法的目的是 释放资源,同时销毁自身. 3.析构方法可以认为分为两 ...
- HDU 5514 Frogs 容斥定理
Frogs Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://acm.hdu.edu.cn/showproblem.php?pid=5514 De ...
- Codeforces Round #315 (Div. 1) A. Primes or Palindromes? 暴力
A. Primes or Palindromes?Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://poj.org/problem?id=3261 ...