强哥HTML学习笔记

html

浏览器的选择:
1.火狐
2.ie
3.chrome
4.mac
5.opera

安装两款插件:
1.firebug
2.web develope

html页面元素:
1.doctype
2.html
head
//编码
//样式
//事件
body
//正文

sublime
notepad++
zend studio
dreamware
gvim

vim模式:
1.输入模式
2.命令模式
3.末行模式

命令模式:
命令模式 > 输入模式 按asio键
a 当前字符的后面插入
A当前行末尾
s 删掉当前字符并插入数据
S删除当前行插入
i 当前字符前插入
I 当前航首入
o 下一行行插入
O 上一行插入
输入模式 -> 命令模式 esc

输入模式 -> 末行模式

:x 保存并退出
:q 不保存退出
:w 保存

命令模式
h 左
j 下
k 上
l 右

yy 复制当前行
nyy 复制当前行向下n行
p 往下面粘贴
P 往上面粘贴
dd 删除当前行
ndd 删除当前行向下n行
nG 第n行
G 最后一行
dG 从当前行删除到最后
^ 行首
$ 行末
d^ 从当前光标删到行首
d$ 从当前光标删除到行末
u 恢复
ctrl+y 撤销

tab 右缩进
shift+tab 右缩进
//视图模式选中

line_numbers:true/false
//行号

auto_match_enabled:false/true
//格式补全

highlight_line:true/false
//背景线

auto_complete:true/false
//命令补全

设置 -> 用户 改变字体大小

ctrl+/
//添加注释

html实体

<
&lt;
>
&gt;
空格
&bnsp;

#ff00ff 紫色
#ff0000 红色
#

白色 ffffff
黑色 000000
红色 ff0000
绿色 00ff00
蓝色 0000ff
黄色 ffff00
紫色 ff00ff
青色 00ffff
灰色 cccccc

body //属性
text //字体颜色
bgcolor //背景颜色

br //换行
nobr //不换行
p //段落
center //居中
pre //代码原样输出
hr //导航线

列表:
有序列表 ol
无序列表 ul
自定列表 dl

align //独占一行的才有这个属性

文字标签:

h1
font
p
span
b 加粗
i 斜体
u 下划线
sup 上标
sub 下标

无意义块标签:
div

图片img:
属性
src
width
height
title
alt

所有标签都有的属性:
1.title
2.style
3.id
4.class

热点地图:
usemap
00坐标在图片左上角
area标签:
shape
coords
href

静态资源地址问题:
1、img/cai.gif
2./test/img/a.jpg

加载静态资源的标签:
1.<img src="cai.gif">
2/<link rel="stylesheet" type="a.css">
3.<script scr="a.js"></script>
4.<a href="a.html"></a>

锚点-a标签
<a name="top"></a> //返回网页顶层

超链接-a标签
<a href="www.baidu.com">百度</a>
<a href="#top">top</a>

表格-table标签:
tables
tr
td

表单-form标签
action="reg.php"
method="get"

文本元素
<input type="text" name="">
密码元素
<input type="password" name="">
提交
<input type="submit" value="提交">
重置
<input type="reset" value="重置">
单选
<input type="radio" name="">
1.名字和值必须有
2.名字必须相同
3.必须有id
4.label用for连接到前面的input的id上

多选
<input type="checkbox" name="">
1.名字和值必须有
2.名字相同必须是数组,要么名字不能相同
3.必须有id
4.label用for连接到前面的inputid上

下拉框
<select name=""><option value="">选择城市</option></select>

区域框
<textarea name=""></textarea>
1.name
2.不能写value

表单元素:
name
value
maxlength //最大字符数
readonly //只读,不能改,能提交
disabled //不能改,不能提交

框架-frameset标签:

内嵌框架-iframe标签:

复习
格式标签
1.br 换行
2.p 段落
3.h1 加粗
4.hr 导航线
5.nobr 不换行
6.pre 源码输出
7.center 居中
8.b 加粗
9.i 斜体
10.u 下划线

文本标签
1.font
2.span
3.p 段落
4.h1 加粗

A标签和锚点
1.<a href="" target="_blank">打开新窗口</a>
2.<a name="top"></a>
target属性的值:
1._top
2._self
3._blank
4._parent
5.窗口名称

图片标签
<img src="" />

表格标签
<table border="1px" width="500px">
<tr>
<td></td>
<td></td>
</tr>
<tr>
</tr>
</table>

表单标签
<form action="">
<input type="text">
<input type="password">
<input type="radio">
<input type="reset">
<input type="checkbox">
<select>
<option value=""></option>
</select>
<textarea>文本域</textarea>
</form>

frame
<frameset>
<frame src="">
<frame src="">
</frameset>

框架属性
frameborder 1|0 是否有边框
border 30px 边框的宽度
bordercolor blue 边框的颜色(chrome支持)

frame属性
1.name 窗口名称
2.src 在本窗口打开的页面
3.noresize 不能改变大小
4.scrolling no|auto

iframe 内嵌框架
<iframe src="myflash/index.html" frameborder="0" width="200px" height="300px" scrolling="no"></iframe>
属性
1.src
2.frameborder 0|1 有没有边框
3.width 宽
4.height 高
5.scrolling no|auto|yes 滚动条

H5视频标签
<video src="movie.ogg" controls="controls"></video>

当前,video 元素支持三种视频格式:
Ogg MPEG4 WebM

autoplay 如果出现该属性,则视频在就绪后马上播放。
controls 如果出现该属性,则向用户显示控件,比如播放按钮。
height 设置视频播放器的高度。
loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。
preload 如果出现该属性,则视频在页面加载时进行加载,并预备播放。
如果使用 "autoplay",则忽略该属性。
src 要播放的视频的 URL。
width 设置视频播放器的宽度。

视频控制play() pause() load()

H5音频标签
<audio src="song.ogg" controls="controls"></audio>

时间: 2024-10-08 11:47:46

强哥HTML学习笔记的相关文章

强哥CSS学习笔记

html嵌套css样式:1.外部(推荐)2.内部3.内联(不推荐) css优先级1.内联2.id选择器3.class选择器4.标签 css长度单位:1.px2.em (14px) css选择器:常用选择器基本选择器层级选择器伪类选择器属性选择器 常用选择器:1.标签2.id3.class4.关联.div1 .imgcls{ } 5.组合.div1 .imgcls,.div2 .imgcls{ } 基本选择器:1.:first-child2.:first-letter 第一个字符3.:first-

马哥Linux学习笔记之四——DNS

1.BIND:Berkeley Internet Name Domain DNS:Domian Name Service 域名解析 2. Http 3.PAM 插入式认证模块 4.SMTP/POP3/IMAP4:Mail Server 5.域名 www.baidu.com这是一个主机名(FQDN,Full Qualified Domain Name,完全限定域名),com是一个域名,baidu.com也是一个域名,域名是好多主机的集合. 域名解析起后面有一个数据库,解析就是一个查询的过程.域名解

蛋哥的学习笔记之-基于Unity的Shader编程:X-1 音乐水波特效

蛋哥的学习笔记之-基于Unity的Shader编程:X-1 音乐水波特效 热度 13728 2015-7-11 23:34 |个人分类:蛋哥的学习笔记之-基于Unity的Shader编程| 音乐, Unity, Shader, 水波, Shader, Shader, Shader, Shader 一.要干些啥: 很久很久没有写文档了,前段时间做了个个人很喜欢的,自认为比较原创的小特效,所以写个文档纪念下(本人特别喜欢音乐) 思路其实很简单,首先用顶点着色器实现一般的水波特效,然后解析音频数据(我

马哥Linux学习笔记之五——邮件服务

1.SMTP只负责将邮件发送到服务器,其他的,像身份认证检测邮件,都不能完成.(25/tcp) ESMTP:Extended SMTP POP3:Post Office Protocol IMAP4:Internet Mail Access Protocol 2.Open Relay:开放式中继 就是人家的邮件从这个邮件服务器过,你都帮忙转发,这样就会成为产生垃圾邮件的根源.所以都要关闭Open Relay 3.SASL,Simple Authintication Secure Layer,简单

马哥Linux学习笔记之三——加密

1.明文传输 ftp,http,smtp,telnet 2.机密性:plaintext-->转换规则-->ciphertext ciphertext-->转换规则-->plaintext 完整性:单项加密算法,提取数据特征码.输入一样,输出必然一样:雪崩效应,输入的微小改变,将会引起结果的巨大改变:无论原始数据是多少,结果大小都是相同的:不可逆,无法根据特征码还原原来的数据. 3.密钥 4.对称加密:有加密算法,有密钥 5.密钥交换算法 IKE(Internet Key Excha

马哥Linux学习笔记之二——网络

1.MAC(Media Access Control,介质访问控制) 是解决底层数据通信冲突的解决方案.因此,给每一个接入这样网络的主机一个id标示符,这个id标示符就叫做MAC地址. 2.CSMA/CD(Carrier Sense Multipath Access Collision Detection,载波侦听多路访问冲突检测),线型网络 以太网Ethernet最核心的标志. 3.Token-Ring(IBM)技术 环形网络解决冲突的方案.但是由于IBM的专利限制没能推广开来. 4.星形网络

马哥Linux学习笔记之一

1.在执行脚本的时候可以用./或者. ./(点空格点斜杠)来执行脚本 ./ 表示启动了另一个Shell去执行脚本(另一个进程),所以点斜杠执行脚本时,设置的环境变量会随着进程的退出而结束,其中的环境变量设置对当前Shell不起作用. . ./相当于source ./执行脚本,source是执行脚本当中的命令,也就是说在当前进程中执行命令,所以其中的环境变量的设置会对当前Shell其作用. 2. 读取硬盘上的文件 读取硬盘上的文件先要将文件读取到内存上,再将其在内存上地址交给进程,这样进程就可以读

【小梅哥SOPC学习笔记】SOPC开发常见问题及解决办法集锦

SOPC开发常见问题及解决办法集锦 一.Symbol 'NULL' could not be resolved 近期在评估使用NIOS II处理器进行项目的开发,我使用的软件是Quartus II 13.0的版本,一路下来,在Qsys系统中搭建NIOS II片上系统,在Quartus II中建立工程文件等等过程,没有太多的问题,这里暂且不表.只是在NIOS II Software build tools for Eclipse中进行软件开发时,一个非常让人不解的问题就是:我在工程向导中创建一个H

【小梅哥SOPC学习笔记】切换NIOS II CPU的主内存后软件中需要注意的几点设置

切换NIOS II CPU的主内存后软件中需要注意的几点设置 有时候,我们可能面对这样一种情况: 1. 我们创建一个SOPC系统,并在QSYS中设置NIOS II的复位地址和异常地址都指向SRAM: 2. 我们创建了正确的NIOS II软件工程并能够正常运行 3. 由于某种需求(如SRAM内存不够用了,需要换成内存更大的SDRAM),我们在面在QSYS中将NIOS II CPU的复位地址和异常地址修改为SDRAM 4. 我们需要继续使用之前创建的NIOS II软件工程. 这里,如果我们更改后直接