HTML +CSS +JavaScript(一)

HTML : 常用标签的使用方法:

HTML是什么? 超文本标记语言

是一种用来设计网页的语言,其文件以.htm  .html为后缀 由浏览器解释执行,生成响应的界面

标题标签<hn>

<h1>一号标题</h1>

<h2>二号标题</h2>

 

       12345<br/>   //br  单标签  换行

       上山打老虎

       <p>段落标签</p>   //段落标签 行间距大一点的换行

       老虎不出门

       打个小松鼠

 

 

HTML注释:<!--    -- >

 

快捷注释:ctrl + shift+/ 或 ctrl + /

 

常用的标签:www.w3school.com     菜鸟教程

<hn>:标题标签,n  1--6

<p>:段落,默认占一行

<br/>:换行,单标签

<hr/>:水平线,单标签

<img/>:图片,单标签

<b>:粗体

<i>:斜体

<u>:下划线

<a>:超链接

       本页面的跳转:

       不同页面的跳转:

锚点连接,互为锚点

<font>:文字标签。不建议使用

<table>:表格

       <tr>

              <td>/<th>

<th>:自带格式:黑体,加粗,居中

行合并:同列不同行

列合并:同行不同列

 

表单:form ,进行数据交互/提交

<form action=”提交的路径” method =”提交的方法”>

 

<form action="index.html" method="get">

           性别:<input type="radio" name="sex" /><input type="radio" name="sex"/><br />

          

           出生年月:

           <select>

              <option>请选择</option>

              <option>1995</option>

              <option>1998</option>

              <option>2000</option>

              <option>1999</option>

           </select>

          

           <select>

              <option>请选择</option>

              <option>1</option>

              <option>2</option>

              <option>3</option>

              <option>5</option>

           </select>

          

           <select>

              <option>请选择</option>

              <option>5</option>

              <option>8</option>

              <option>7</option>

              <option>9</option>

           </select>

          

          

           <input type="submit" value="提交"/>

           <input type="reset" />

       </form>

 

<div >:块级元素

<span>:行级元素

Teleport Ultra

 

HTML : 数据

网页写在html里

CSS:  表现

网页的表现形式写在css文件里

Js:行为

网页的行为写在js文件里

做到数据,表现和行为相分离

 

CSS的分类:

行内样式  属性:属性值都在标签的内部

内部样式  <head>标签内部创建style标签<style type = text/css>在该标签里面写CSS

外部样式  外部创建css文件,引用外部样式表<link…>

 

 

 

三种选择器:

       标签 标签名{属性:属性值}

       Id   #id名{属性:属性值}

       类   .类名{属性:属性值}

 

并集,交集,后代选择器:

 

JS:JavaScript

   网景公司开发的一种在浏览器执行的脚本语言,需要嵌套到HTML当中

   主要作用:

       数据验证

       操作网页,实现动态效果

       访问浏览器,获得相关信息

       Ajax核心技术之一

JS的特点

   是类C语言

       脚本可以保存在js文件中,也可直接写在HTML中

       基于对象和事件驱动,不是纯粹的面向对象的语言

       弱类型语言,不用声明变量类型,类型是在使用时根据值确定的并且可以随时改变

 

Js的组成

ECMAscript 规范

       主要定义了JS语言的基础部分

       各个浏览器都要遵守该规范,没有兼容性问题

DOM:文档对象模型

BOM:浏览器对象模型,浏览器内置的对象,操作窗口,windows screen 没有规范,但所有浏览器都支持这些对象

Navigator:浏览器对象

        Screen:屏幕对象

        Wondows对象

               History:历史对象

               Location:地址对象

               Frames[]:窗体框架对象

               Images:图片对象

               Document:文档对象

                      Applets[]:小程序对象

                      Embeds[]:插件对象

                      Forms[]:表单对象

                             Button:按钮

                             Checkbox:复选框

                             Elements:元素

                             Hidden:隐藏域

                             Password:密码输入

                             Text:文本框

                             Radio:单选框

                             Reset:重置按钮对象

                             Submit:提交按钮对象

                             Select:下拉框对象

                                    Option:选项对象

                             Textarea:多行文本框

 

 

 

数据类型:

 number:数字类型  对应包装类:Number

 string  字符串属于基本类型  对应的包装类String

 boolean 布尔类型

 null空类型

 undefine 未定义类型

引用类型:Array

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值