JavaWeb学习笔记1

目录

web标准

三个组成部分

HTML

标题标签

水平线标签

换行标签

图片标签

布局标签:

超链接标签

属性:

视频标签:

音频标签:

段落标签:

文本加粗标签: 

表格标签

表单标签

表单项

CSS

Css引入方式

颜色表示形式

CSS选择器:用来选取需要设置样式的元素(标签)

CSS属性

盒子模型

 JavaScript

什么是javaScript

JS引入方式

基本语法

输出语句

变量

数据类型

运算符

类型转换

函数

对象

array

Json

BOM

window

DOM

事件绑定

常见事件

Vue

Vue简易三部曲

插值表达式

常用指令:

生命周期


web标准

web标准也称为网页标准,由一系列的标准组成。

三个组成部分

  • HTML:负责网页的结构(页面元素和内容)
  • CSS:负责网页的表现(页面元素的外观,位置等页面样式,入:颜色,大小等)
  • JS(javaScript):负责网页的行为(交互效果)

HTML

标题标签

  • (h1~h6 重要程度依次降低)
  • 注意:HTML标签都是预定义好的,不能自己随便定义

水平线标签


换行标签


//一个br换行一行

图片标签

  • 相对路径:当前文件所在路径开始
  • 绝对路径:为绝对磁盘路径,绝对网络路径

布局标签:

实际开发中会大量频繁使用div和span这俩个没有语义的布局标签

标签

  • 是一个开发网页的时候会大量用到的没有语意的布局标签
  • 特点:一行可以显示多个(组合行内元素),宽度和高度默认由内容撑开
  • 不可以设置宽高
 2023年6月7日 21:34   
 
     
        央视网 
     

标签

特点:

  • 一行只显示一个(独占一行)
  • 宽度式默认的父元素的高度,高度由默认内容撑开
  • 可以设置宽高

注意:如果只需要设置某一方为的边框,内边距,外边距,可以在属性名后加 -位置,如:

padding-top ,padding-left ,padding-right.

超链接标签

属性:

  • href:指定访问的url
  • target:指定在何处打卡资源链接 _self:默认值,在当前页面打卡,_blank:在空白页面打开。

视频标签:

  • src:规定视频的url
  • controls:显示播放控件
  • width:播放器的宽度
  • height:播放器的高度

音频标签:

  • src:规定音频的url
  • controls:显示播放控件

段落标签:

梁启超有言:少年强,则国强,不管是对当时的中华男儿,还是对处在新世纪的中华男儿来说,都应当自强。只有一个民族的人民自强了,整个民族才会真正地屹立在世界之巅。所以,我想谈的是:中华男儿当自强! 回想我们中华民族的历史,我们会感到骄傲,也会感受到羞耻。我们骄傲的是中华民族是世界上最古老的民族之一,它曾经是世界上最强的国家。让我们羞辱的是国家遭受了百年的奇耻大辱

文本加粗标签:   

少年强,则国强,

表格标签

  • 场景:在网页中以表格的形式整齐的展示数据,如班级表。
    •   定义表格的整体,可以包裹多个                                                                      属性:border :规定表格边框的宽度 width :规定表格的宽度, cellspacing :规定单元格之间的空间。
      表格的行,可以包裹多个
      表格单元格(普通),可以包裹内容                                                                        属性:如果式表头单元格,可以替换成

      表单标签

      • 场景:在网页中主要负责数据采集功能,如注册,登录时采集数据

      • 表单项:不同类型的input元素,下拉列表,文本域等                                                        : 定义表单项,通过type属性控制输入形式