HTML5&CSS3&JavaScript&PHP&MySQL学习笔记

时间 2019-11-11

标签 html5&css3&javascript&php&mysql html css javascript php mysql 学习笔记栏目 HTML 繁體版

原文原文链接

一、在文字间添加一条水平线使用<hr /> 注意该符号不是成对出现的javascript

二、<q> </q>用来标记于段落中的较短引用，浏览器会在它之间的语句两端加上双引号。php

三、<address> </address>能够包含设计者的联系方式或者电话等。 P44css

四、连接是由<a href=”http://www.baidu.com”>百度一下</a>产生，其中href指定要连接到的地址。P66html

五、若是但愿连接网页在新网页中打开，那么须要在第4点中设置target=”_blank” P75java

六、当须要跳转到页面的某个位置时，可以使用id属性。 P76c++

七、新建一个Email连接，mailto。 P74正则表达式

八、表格的一些知识。 P120数据库

九、在<th><td>中使用clospan特效可使表格的多个单元格合并显示，即跨行。跨列使用rowspan。P122数组

十、长表格，即表格有不少行。<thead></thead> <tbody></tbody> <tfoot></tfoot> P125浏览器

十一、在代码中声明使用的HTML版本低HTML5，使用<!DOCTYPE html>

十二、利用iframe能够在网页中内嵌显示一个网页，<iframe width="1280" height="500" src=http://map.baidu.com/></iframe>

1三、使用外部CSS，<link href="css/example.css" type="text/css" rel="stylesheet" /> P224

1四、在CSS中，能够在任意属性值的后面添加！important来强调这条规则比应用于同一元素的其余规则更优先，更重要。 P228

1五、CSS中，类选择器，<p class=”note”> </p>，那么CSS文件中应该是 .note{ } //note前的“.”不要忘了

若是是ID选择器，<p id=”top”> </p>，那么CSS中应该是 #top{ } P227

1六、CSS中盒子（div）的定位问题

1>普通流：每一个块级元素都换行显示，以致于页面中的每一个项目都显示在前一个项目的下面，即便你指定了盒子的宽度，而且也有足够的空间让两个元素并排显示，他们也仍是不会显示在一排，这是浏览器的默认行为，除非你规定浏览器按照其余方式显示。

2>相对定位：相对定位将一个元素在其普通流中的位置上向上下左右移动，这种移动不会使该元素脱离普通流。

3>绝对定位：绝对定位的元素的位置相对于它的包含元素。它彻底脱离了普通流，也就是说不会影响到周围元素的位置（就像是直接忽略掉它所占据的空间），使用绝对定位的元素随着页面的滚动而移动。

4>固定定位：固定定位是绝对定位的一种形式，与绝对定位所不一样的是，固定定位是以浏览窗口为基准进行定位。使用固定定位的元素不会随着页面的滚动而移动。

5>浮动元素：浮动一个元素可让其脱离普通流，并定位到其包含盒子的最左边或者最右边的位置，这个浮动元素会成为一个周围能够浮动其余内容的块级元素。

6>任何元素脱离普通流时，盒子都会产生重叠，能够经过使用z-index属性设置将哪一个盒子显示在上面。

1七、margin属性用于依次控制对象的上、右、下、左4个方向的外边距，当margin使用两个参数时，第一个参数表示上下边距，第二个参数表示左右边距。因此：margin:0px auto;会让对象水平居中显示。

1八、对于表格元素来讲，要实现垂直居中秩序设置单元格的vertical-align:middle;可是这个属性在CSS中不起做用，那么要解决这一问题，只须要将盒子的行高设为与盒的高度一致便可。即，假如：盒高为height:50px;那么只须要在CSS中加入line-height:50px;便可实现垂直居中。

以上内容来自 HTML&CSS设计与构建网站一书

一、能够在HTML5的video元素中添加字幕或者说明，格式以下

</video>

其中，能够添加多个track，便可以有多个字幕等。kind指明添加的类型，它还能够是captions，descriptions。

label属性指明的做用是，好比有两个字幕文件，那么用户能够选择显示哪个字幕文件（前提要浏览器支持多字幕显示）。 P152

二、播放视频中指定的一部分，可以使用<video src=”xxx.oga#t=7.5,”></video>其中，#t是时间范围的一个快捷方式，7.5后面的逗号是必须的，表示从7.5秒开始一直播放到视频结束。 P154

以上内容来自移动网页设计与开发HTML5+CSS3+JavaScript 一书

一、HTML与JavaScript交互能够经过使用文档对象模型（Document Object Model, MOD）实现。P54

二、浏览器加载页面是按照head-body的顺序执行，那么把JavaScript代码放在head中，可能会出现一些问题，这时咱们能够指定在页面加载完成后再执行DOM代码，好比：

function init()

{ var plant=document.getElementById(“greenplant”);

plant.innerHTML=”RED ALERT…”

}

window.onload=init;//这表示，页面彻底加载后要执行init()函数中的代码

</script> P64

三、在javascript中，咱们只有一个全局做用域，也就是说，当你引入了多个.js文件时，若是他们有重名的全局变量，那么会产生意想不到的结果。 P127

四、利用javascript建立一个对象：（能够看到js对变量的定义比c++宽松多了）

var fido={

name:”wangcai”,

weight:40,

breed:”hashiqi”,

loved：[“walks”,”fetching balls”]

}; ///结束这里的分号不要忘记了，访问能够经过fido.weight方式访问对象元素

五、使用浏览器得到位置信息，navigator.geolocation.getCurrentPosition(…) P172

六、利用<video>元素实现视频播放列表，通常的作法是，新建一个数组，保存播放列表，而后使用video.addEventListener(“ended”,nextVideo,false)，该方法会监听视频的ended事件，在视频结束的时候调用nextVideo处理函数，实现下一个视频的播放。 P367

七、对于一种类型的视频文件，可使用<video>元素的canPlayType方法获取到，浏览器是否支持播放该文件，通常浏览器可能返回probably，maybe，或者“”，便是空。空表示没有任何把握能播放该视频文件。

使用video.canPlayType(“video/ogg”)会返回maybe或者空。

使用video.canPlayType(‘video/ogg；codecs=”theora,vorbis”’)会返回probably，maybe，或者是空，由于这里咱们手动指定了codecs编码类型。 P369

以上内容来自Head First HTML5 Programming一书

一、php中因此的变量名都以一个美圆符号$打头。 P38

二、传递表单中的变量，咱们通常有get和post两种方式可选，可是通常当咱们须要在表单中提交较多的文字或者一些敏感信息（密码）时咱们就须要使用post方法，由于get方法会把表单中提交的字符串写入URL中。这里须要说明的是，通常咱们的搜索引擎会使用get方法提交表单而不是post方法，这是由于使用get方法后，当你将某一个搜索页面保存成书签时，下一次打开这个书签，仍是你须要的那个搜索结果页面，这是由于书签URL中已经包含了搜素时的关键字。反之，post则不会。还有一种request方法。 P49

三、当咱们在浏览器中输入服务器的一个URL目录时，它会查找该目录下的index.php文件，因此咱们不必定非得要写全URL地址。可是记住，它只会去寻找index.php文件。不会去找其余的。 P58

四、咱们可使用include方法，使得在一个php文件中包含了一个php文件的代码，这样能够节省代码的编码量。除此以外还有require、include_once、require_once方法。 P110-116

五、PHP中变量做用域的问题，主脚本（如index.php）中存在的任何变量，在包含文件中也是可用和可修改的，可是在函数中就不同了，函数中的变量只在函数内部有效，外部的变量在函数内部是不可访问的。若是你非要在函数内部访问外部变量，可使用命令global或者$GLOBALS[‘ ’]将某个变量声明为超级全局变量。 P122

六、正则表达式使用模式修饰符使得匹配时不区分大小写的是i，即/PHP/i，它将能够和/PHP/、/php/、/PHp/等匹配。 P169

七、正则表达式，脱字^字符匹配字符串的开始。即/^PH/将匹配PH开头的字符串。

点号（.）表示任意单个字符除了换行符，

　　　　　　　　星号（*）表示其前面的字符出现0次或屡次。

例如/^PH.*/不只匹配PH，还匹配PHP、PHX、PHP:CBWHBFEWYHBVCCcbeh i am super cool等。 P170

八、$美圆符号匹配字符串的结尾。如：/^PHP$/只能匹配PHP

+要求前面的字符出现一次或者屡次，注意其与*的差异

？使得前面的字符成为可选的，若是放在一个加号或者一个星号后面，表示一次最小化匹配

|（管道符号）致使正则表达式匹配管道左边的模式或者匹配管道右边的模式

（…）圆括号定义了一组符号，他们必须一块儿出现或者是同时知足。

[…]方括号定义了一个字符类，字符类匹配方括号中的字符之一

注意：[^a]匹配字符串中除a以外的一个单个字符

若是想要使用这些特殊字符之一做为正则表达式模式将要匹配的一个字面字符，可使用反斜杠\实现，例如

/1\+1=2/会匹配字符串1+1=2，这里其中的+好就只是一个纯加号了。 P171

九、咱们再数据库管理中，能够增长身份验证功能，这样可使得数据库更安全。同时配合cookie以及回话能够实如今用户访问站点的过程当中保持非首次登录所需的身份信息。而不须要每当用户要浏览或者执行一项敏感操做的时候，都须要提示用户输入密码。这就是cookie存在的意义之一。 P198

以上内容来自《PHP和MySQL Web开发重新手到高手》 Kevin Yank

如下内容来自《DIV+CSS网页布局商业案例精粹》

一、咱们在设置div为float时，须要分别设置浮动到一行的每个div的属性float:left;，这样咱们才会产生须要的效果，由于div默认状况下是会在先后都产生换行符的。

二、元素高度自适应：一样能够像设置宽度同样，利用百分比设置。所不一样的是咱们除了设置元素的高度百分比，咱们还须要设置该元素的父级元素的高度百分比。假如父级元素为body，那么：

html,body{

height:100%;}

div #test{

height:50%;}

这个时候咱们的div中的50%高度才会生效。