文档章节

【嘉兴东臣php】 HTML+CSS+JS基础学习笔记

张家起灵
 张家起灵
发布于 2015/12/13 19:47
字数 743
阅读 14
收藏 0

HTML
 1.  HTML 是一种标记语言 它可以忽略大小写,语法宽松
标题标记    <h1>-<h6> 标题标记,可显示六种大小的标题(1最大,6最小)
 2. 块标记  <SPAN>定义段落内的内容块; <DIV>可以定义跨段落的内容块 
3. <UL TYPE=""> 无序号的列表(内嵌<li>)
4.  定义列表包含在<DL>标记内。<DT>标记用于指定要定义的术语,而<DD>标

记用于对术语的定义。
5. 水平标尺标记 <HR> 用于在页面上绘制一条水平线。它没有结束标记,且

不包含任何内容。
6. 字体标记   <FONT> 可以指定size、color、style(样式)等属性。
   图像标记    <IMG>  语法为:<IMG SRC="URL">。 支持GIF(支持图形渐

近,动画); JPEG(.JPG); PNG
7. 在HTML文档中使用特殊字符
      &gt;   ==== >     greater 大于       &lt;   ==== <    

litter 小于
      &de;   ==== ≥     大于等于            &le;   ==== ≤    

litter equal
      &ne;   ==== ≠     not equal不等      &zwj;  ====       空格
      &quot; ==== ”     双引               &apos; ==== ‘     单

引号
      &copy; ==== ?     版权符号            &reg;  ==== ?     注册

商标
      &amp;  ==== &     与符号
ol(有序列表),ul(无序列表),dl(定义列表),li(列表子元素),p

(段落),pre(预编排),blockquote(引用块),div(分区),hr(水平

线)等


CSS
1.CSS可以使用更丰富、更灵活的样式,更简单地设计出更美观的网页。同时,

也让网页的设计与维护更有效率。
行内元素在设置 水平方向的padding-left、padding-right、margin-left、

margin-right都产生边距效果,但竖直方向的padding-top、padding-bottom

、margin-top、margin-bottom却不会产生边距效果 background-

color:rgba(0,0,0,0.5);  设置div的透明度。

2.所有被!important 标记的样式,即使它后来被重写,浏览器也只会采用被

标记的那条。
!important: IE7/IE8/IE9/FireFox可以识别上面附加!important的语句,

看到附加!important的语句后,就不会再去执行 第二句,尽管他们也“认识

”第二句,但是附加“!important”的语句拥有绝对优先级,只要有它存在,

第二句就不允许执行。
IE6会执行!important的语句后,再去执行第二句“height:900px”,用后面

的样式覆盖了前面的样式,所以在IE6下,最终的height值是900px。(自己想

记下这个用法而已。)

 

   JS
JS是基于web的网页端的脚本语言.
HTML是名词,CSS是形容词,JS是动词
JS中声明变量使用:var来进行声明
弹出提示信息:window.alert( "字符 ");
document.write( " "); 输出语句
confirm("内容");是确认框。
弹出输入提示框:window.prompt();

  运算符号:

   <1>算术运算符:+、-、*、/、%、++、--、-(求反)。

   <2>比较运算符:<、>、<=、>=、==、!=。

   <3>逻辑运算符:!、&&、||。

   <4>赋值运算符:=及其扩展赋值运算符

 

 

总结:通过一周的学习,学到了很多东西,也觉得自己还有很大的提升空间,在JS这一块需要花些时间去整理逻辑思维,加油。

© 著作权归作者所有

共有 人打赏支持
张家起灵
粉丝 0
博文 3
码字总数 2492
作品 0
长沙
私信 提问
读《PHP和MySQL Web开发》

【第一部分】PHP基础与入门 1、PHP学习笔记1:基础知识快速浏览 http://my.oschina.net/bluefly/blog/472673 2、PHP学习笔记2:文件 http://my.oschina.net/bluefly/blog/477601 3、PHP学习笔...

slyso
2015/07/14
0
0
程序员接到项目之前和之后的表现,网友:太搞笑了!

接了一个新项目 程序猿神评论: 我发现了,屏幕上红色都要改的 项目经理: 和你的电脑殉情之前先 push 一下代码 02程序员的鄙视链/图 程序猿神评论: 修复错误的时间 vs 错误的愚蠢程度 程序猿...

IT智云编程
07/12
0
0
全面学习JAVA方向,有一些问题

最近打算全面学习JAVA,虽然上个学期学习了,但是由于我上学期认真学习了Linux和Unix,所以JAVA只是跟着课程走走,现在打算在这个暑假中,重新学习JAVA,我知道学习学习的那些东西都是过于基...

无聊的学习者
2013/06/15
921
10
适合初级前端程序员:闭包是什么?

是什么? 当一个嵌套的内部函数引用了外部函数的变量或者函数时,外部函数在执行时就产生了闭包 典型的闭包 将另一个函数作为另一个函数的返回值 将函数作为实参传递给另一个函数调用 闭包的...

IT智云编程
07/12
0
0
9道前端面试题及答案,赶紧收藏!

1、什么是W3C标准? WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准...

IT智云编程
07/12
0
0

没有更多内容

加载失败,请刷新页面

加载更多

NEO 节点介绍

全节点(full nodes)是存储 NEO 区块链全部数据的节点,通过 P2P 的方式与区块链网络连接,在区块链网络中,所有的全节点都是平等的,既充当客户端又充当服务器。 NEO 有两个全节点程序: ...

NEO-FANS
11分钟前
0
0
内网穿透大杀器--EarthWorm

0x00 前言 如果感觉本文对你有帮助,请在文章末尾点个赞,谢谢表哥们支持! 当你在内网渗透,并且拿下一台机器的权限时,你是不是觉得已经算是一次完整的渗透了? 不来一次内网漫游,渗透是不...

刀剑如梦
16分钟前
2
0
PiggyMetrics分布式框架

https://github.com/sqshq/PiggyMetrics

丁建祥
18分钟前
0
0
零距离接触阿里云时序时空数据库TSDB

概述 最近,Amazon新推出了完全托管的时间序列数据库Timestream,可见,各大厂商对未来时间序列数据库的重视与日俱增。 阿里云TSDB是阿里巴巴集团数据库事业部研发的一款高性能分布式时序时空...

阿里云云栖社区
26分钟前
4
0
OkHttpClient封装

import java.io.BufferedReader; import java.io.InputStream; import java.io.InputStreamReader; import java.util.Map; import java.util.TreeMap; import java.util.Map.Entry; import o......

尘叙缘
28分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部