html，css，js

!HTML:!
各种标签语言

  • head：标题
  • body：内容
  • h1-h6：标题标签
  • p：段落
  • ul：无序列表
  • ol：有序列表
  • li：无序/有序列表元素
  • table:表格：在网页中以表格的（行，列）的形式整齐地展示数据，如班级表。
  • tr:表格行内容
  • td：表格元素
  • th：表格标题
  • a：超链接
  1. href属性规定超链接连接到哪里
  2. target属性规定打开方式
  • br：换行
  • hr：水平分割线
  • img：图片
    1. src：图片路径
      • 绝对磁盘路径：c:/~
      • 绝对网页路径：http://~
      • 相对路径：./：当前目录，可以省略
        ../：上一级目录，不可以省略
    2. alt：如果图片加载不出来替换的文本
      3.width，height（px：像素；%：相对于父元素的百分比）

<开始标签 属性名='属性值'>，每个hyml元素可以具有不同的属性，属性名称不区分大小写，属性值对大小写敏感
class属性，为html元素定义一个或者多个类名（类名从样式文件引入）
id属性定义元素唯一的id
style属性规定元素的行内样式

html区块-块元素与行内元素
div:块级标签，用于组织内容，页眉，导航栏，布局栏，一行只显示一个，独占一行，可以调节宽度高度
span:没有特殊元素的a标签和img标签，把文本包围起来，方便对他们使用样式，css或者是使用js行为（行内元素），一行中可以展示多个，不可以调节高度宽度，默认内容撑开

表单
form容器，action表示点击提交的时候向何处提交填写数据，属性值为url，method表示表单以何种方式提交：get、post。action如果未指定就是提交到当前页面。

  • get：在url后面拼接表单数据，url是有长度限制的。
  • post：在消息体（请求体）中传递的，参数无大小限制。
    input标签，type规定input元素的类型：种类很多：checkbox，radio，password，submit，text
    ->表单标签-表单项：
  1. input：表单项，通过type属性控制输入形式
  2. select：定义下拉列表，option定义列表项
    3.textarea：
    !Css!
  3. 行内样式：写在标签的style属性中（不推荐）
  4. 外嵌样式：卸载style标签中（可以卸载页面任何位置，但是通常约定写在head标签中）
  5. 外联样式：写在一个单独的.css文件中（需要通过link标签在网页中引入）
  • 描述颜色方式
  1. 关键字：red，green
  2. rgb表示法，红绿蓝三原色：rgb（0，0，0）-rgb（255，255，255）
  3. 十六进制表示法：将rgb转换为16进制：#000000==#000（相同可以简化)
  • css选择器：用于选取需要设置样式的元素（标签）
  1. 元素选择器：根据标签名字选择
  2. 给标签设置id选择，在style中设置的时候记得添上#
  3. 类选择器
    优先级：id>类>元素
    !JavaScript!:跨平台，面向对象的脚本语言

  • 引入方式：

    1. 内部脚本：将js代码定于在HTML页面中
    • 位于script /script之间
    • 可以在html的任何地方放置任意数量
    • 一般会放置在body的底部，可以改善显示速度
      <script> alert("helllo") </script>
    1. 外部脚本：只包含js代码，不含script标签，script标签不能自闭合
      <script src="js/demo.js"></script>

  • 基本语法

    • 输出语句

      1. window.alert():写入警告框
      2. document.write():写入HTML输出
      3. console.log():写入浏览器控制台

    • 变量
      用var关键字声明变量，可以存放不同类型的值

      1. 作用域比较大，属于全局变量
      2. 可以重复定义

      let声明的变量是局部变量且不允许重复声明

    • 数据类型：number，string，boolean，null，undefined
      typeof：可以获取数据类型

    • 运算符：===：不会进行类型转换，判断是不是全等于

    • parseint：可以将字符串字面值转换成数字

  • 函数
    function [name](参数1，参数2){//代码体 }

  • 对象

    • array：var a=new Array（1，2）
      var a=[1,2,3]
      长度可变，类型可变
    • 字符串：var a=new String("")
      var a=""
      trim:去除字符串两边的空格
      substring：提取字符串两个指定索引号之间的字符
      indexof：检索字符串
      charAt：返回在指定位置的字符

  • 自定义对象：
    var 对象名={ name:"tom", eat:function(){alert（"xixi"） }
    JSON:类似上述的自定义对象，但是所有的所有属性名都需要用双引号引起来。
    var 变量名='{"key":value1......}':JSON,需要用单引号引起来

将JSON字符串转为JSON对象：var jsobject-=JSON.parse（）
将JS对象转为JSON字符串：var jsonstr =JSON.stringify(jsobject)

BOM:查阅w3school手册

DOM:改变HTML元素的内容，改变HTML元素的样式，对HTML DOM事件作出反应，添加和删除HTML元素

posted @ 2025-02-26 19:17  听天  阅读(3)  评论(0)    收藏  举报