【嘉兴东臣php】HTML+CSS+JS基础学习笔记
【嘉兴东臣php】HTML+CSS+JS基础学习笔记
豪侠太史子义慈 发表于2年前
【嘉兴东臣php】HTML+CSS+JS基础学习笔记
  • 发表于 2年前
  • 阅读 84
  • 收藏 0
  • 点赞 1
  • 评论 0

腾讯云 学生专属云服务套餐 10元起购>>>   

摘要: HTML CSS JS

一:XHTML

  所有的 XHTML 元素都必须被正确地嵌套,XHTML 必须拥有良好的结构,所有的标签必须小写,并且所有的 XHTML 元素必须被关闭。

所有的 XHTML 文档必须拥有 DOCTYPE 声明,并且 htmlheadtitle 和 body 元素必须存在。

xhtm的元素分为块级元素和内嵌元素两部分。

块级元素有:h1-h6(标题),ol(有序列表),ul(无序列表),dl(定义列表),li(列表子元素),p(段落),pre(预编排),blockquote(引用块),div(分区),hr(水平线),form(表单),fieldset(装表单元素的盒子),legend(盒子的标题)tabletr,td(用于显示多行多列的数据,tr标记分行,td标记数据单元)。

内嵌元素有:span(跨越多个字符),a(创建超链接),img(应用图片),label(定义文本标签).iframe(在网页中插入其他网页),object(插入多媒体信息)

 

二:CSS

  CSS是为了美化HTML那么美化前我们需要找到要美化的HTML的标签怎么找

  CSS提供了一个叫作选择器的东西,它的作用就是选择你要美化的标签选择器有4种基本类型标签选择器(tag),通用选择器(*), 类选择器(.class)ID选择器(#id).4种选择器可混合使用

  现在我们知道了怎么找到要美化的标签了.

  接下来假如我们用了合适的方法找到了相对应的标签那么我们就可以开始进行美化了可是美化美化到底我们美化的是什么

  属性,更准确来说,美化就是更改属性对应的值我们可以把HTML元素标签看作一个盒子每个盒子都有内置属性CSS更改的就是这些属性的值从而达到美化的效果

  而属性又可以细分其中包括了字体属性文本属性边距属性(就是盒子模型), 浮动属性列表属性背景属性定位属性表格属性……

  现在我们找到了标签(元素), 也修改了它的属性值那么我们如何将它应用到HTML文件呢?

  CSS提供了3种方式分别是:style属性, style标签 和 link标签导入(级别依次降低.)

CSS无非就是这样工作的找到元素 --> 修改其属性值 --> 应用到页面.

需要花心思仔细研究的有:浮动定位盒子模型。

 

三:JS

我们写下一段东西之后,只要放到浏览器执行它,就可以跟你进行一些交互了。

Javascript的强大之处有很多很多,它可以让页面有更加绚丽的动画效果,它可以帮助你控制用户的一些行为。

  在浏览器里边是可以禁用Javascript的,但是估计没人会去这么做,在这么丰富的互联网世界里边,禁用它相当于废了这个应用的手脚,只能叫惨不忍睹。

  变量的声明和赋值:var  合法的变量名; ----------var x,y,z=10;  

  运算符号:

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

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

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

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

  逻辑控制语句:

   if(表达式){JavaScript 语句1} else  {javascript语句2;} 

   For(初始化;条件;增量或减量) {JavaScrip语句;} 

   While(条件)  {JavaScrip语句;}  

   Switch(表达式){case 常量1javascript语句1break

  注释:<!-à  

类型转换:parseIntparseFloat方法。

DOMBOM、闭包、定时器、Cookie、正则表达式、AJAXJSON、内置对象、JQuery在等着我们去攀登。


四:HTML+CSS+JS

HTMLCSSJavaScript在网页设计中所扮演的角色都很重要,HTML是基础架构,CSS是元素格式、页面布局的灵魂,而JavaScript是实现网页的动态性、交互性的点睛之笔。



标签: zzj
共有 人打赏支持
粉丝 0
博文 1
码字总数 997
评论 (0)
×
豪侠太史子义慈
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: