XML学习准备(HTML、CSS、JavaScript)

2023-05-16

  1、学习前的准备html
(1)每个网站开发人员都有必要了解以下几方面的知识:
     .万维网如何工作
     .HTML 语言
     .如何使用层叠样式表 (CSS)
     .JavaScript 编程
     .XML 标准
     .服务器脚本技术
     .使用 SQL 来管理数据
(2)HTML文档包括 HTML标签和纯文本
(3)Web浏览器的作用就是读取HTML文档,并以网页的形式显示出他们。浏览器不会显示HTML标签,而是
使用标签来解释页面的内容。
(4).html和.htm的区别
    First:Unix系统的扩展名必须为.HTML,如果使用了三个字符的扩展名.HTM,那么当网上的Unix系统用户浏览你的超文本文件时,
只能在屏暮上看到超文本的源文件,而不是展示的结果
    Second:.htm是为了兼容DOS的命名格式存在的,在效果上两者没有区别。
(5)HTML标签是由开始标签(如<html>)和结束标签(如</html>)组成。某些HTML元素没有结束标签,比如<br/>
(6)<h1>My First Heading!</h2>:如果写了一个如上的错误标签会出现什么情况呢? 显示h1标题的样式!
(7)HTML链接
   .<a href="
www.baidu.com ">百度</a>        :错误,链接不可用
    <a href="
http://www.baidu.com ">百度</a> :正确写法
   .<a>标签,还可以用来创建内部的链接,主要用于大型页面中,跳转到同一页面的不同地方!例如百度百科!
(8)HTML图像:在html中,<img>没有结束标签
   <img src="test" width="100" height="100" />
(9)在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
(10)HTML标签对大小写不敏感,<P>=<p>,但是推荐小写。
(11)HTML 属性
   .HTML标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

   .属性总是以名称/值对的形式出现,比如:name="value"。

   .属性总是在 HTML 元素的开始标签中规定。
(12)属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。
在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:

name='Bill "HelloWorld" Gates'
(13)水平线<hr/>
    注释 <!-- This is a comment -->
(14)HTML的style属性
    .作用:提供了一种改变所有HTML元素的样式的通用方法。
    .<p style="background-color:yello;font-family:arial;color:red;font-size:26px;text-align:center;">最爱,挺好看的啊!</p>
(15)<input> 标签用于搜集用户信息

2、CSS学习
(1)、HTML只是定义了网页的内容,并没有定义格式;CSS定义了HTML元素如何显示在网页上。
     也就是说,HTML控制内容;CSS控制格式。
(2)、CSS(Cascading Style Sheets):层叠样式表,所有的主流浏览器均支持层叠样式表。
(3)、创建CSS的三种方式:
     .外部样式表:
      使用任何文本编辑器编写样式表,保存吧.css格式。并在要修改格式的html网页的头部链接该.css文件即可。
      优点是:一个样式表(.css)可以控制很多网页的格式。
     .内部样式表:
      当单个文档需要特殊的样式时,就应该使用内部样式表。使用 <style> 标签在文档头部定义内部样式表。
     .内联样式表:
      也就是前面html学习中的style属性,它将表现格式和内容混杂在一起,这样也损失掉样式表的很多有事,这种方法慎用。

3.JavaScript
(1)、JavaScript脚本既可以放在html网页中的<head>-</head>之间,也可以放在<body>-</body>之间,也可以从外部引用JavaScript脚本。
     .放在<head>-</head>之间,当脚本被调用时,或者当事件被触发时,脚本就会被执行。当你把脚本放置到 head 部分后,就可以确保
      在需要使用脚本之前,它已经被载入了。
     .放在<body>-</body>之间,在页面载入的时候就执行了。
(2)、变量的声明
     var x=5;
     var name="sdd";
     注:在为变量赋文本值时,请为该值加引号。
(3)、+运算符用于把文本值货字符串变量加起来(连接起来)。
     如果把数字与字符串相加,结果将成为字符串。
(4)、JavaScript中也有条件运算符 (true/false)?a:b
(5)、.警告框
      alert("文本");
     .确认框
      confirm("文本"):点击确认,返回true;点击取消,返回false;
     .提示框
      prompt("文本","默认值"):提示用户输入某些数据,如果用户点击确认,
那么返回值为输入的值;如果用户点击取消,则返回null。
(6)JavaScript使我们有能力创建动态页面,事件是可以被javascript侦测到的行为。
(7)<input type="button" value="View Message" οnclick="message()" />
   .οnclick="message()":表示在按钮上单击鼠标的处理函数为message()
   .处理函数可以是在其他地方定义的函数,也可以将函数体直接定义在这里,例如
    οnclick="alert("Some Wrong");return false;",语句之间一分好分开。
(8)try-catch:
   . try
     {
        addlert("welcome");//本来要调用alert(),这里调用错误
     }
     catch(err)
     {
        alert(err.description);
     }
(9)、throw - try - catch
     . try
       {
          if(x>10)
            throw "Err1";
          else if(x<0)
            throw "Err2";
       }
       catch(er)
       {
          if(er=="Err1")
             alert("Error! the value too high!");
          if(er=="Err2")
             alert("Error! the value too small!");
       }

(10)、只要页面中出现脚本错误,就会产生onerror事件。
(11)、document.write("I am \"grucee\"from ShanDong");
(12)、如果代码在一行中太长,则可以使用反斜杠对代码进行折行。
      .document.write("Hello \
world")是正确的!
4.xml学习

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

XML学习准备(HTML、CSS、JavaScript) 的相关文章

  • [Simple] 洗牌算法

    题目要求 xff1a 平时洗牌是两打牌 xff0c 交叉洗在一起 也就是开始 1 2 3 4 5 6 7 8 第一次 1 5 2 6 3 7 4 8 第二次 1 3 5 7 2 4 6 8 第k次 给你一个数组a 2N xff0c 要求在O
  • [转]Risc-V简要概括

    Risc V简要概括 1 Risc V硬件平台术语 一个RiscV硬件平台可以包含一个或多个RiscV兼容的核心 其它非RiscV兼容的核心 固定功能的加速器 各种物理存储器结构 I O设备以及允许这些部件相互连通的互联结构 比如下面的Si
  • 交叉编译ffmpeg-4.2.2

    最近想弄个USB camera xff0c 测试下视频功能 看到网上推荐使用FFmpeg这个开源工具 FFmpeg A complete cross platform solution to record convert and strea
  • 连接跟踪(conntrack)原理、应用以及Linux内核实现

    发现一篇好文章 xff0c 立即转载了来 xff0c 原地址 xff1a http arthurchiao art blog conntrack design and implementation zh 摘要 本文介绍连接跟踪 xff08
  • Java学习笔记(48)——生产者、消费者模型

    这里将自己学习java及其应用的一些笔记 积累分享一下 xff0c 如果涉及到了文章 文字侵权 xff0c 请联系我删除或调整 一 生产者 消费者模型 1 1 概述 生产者和消费者是线程间通信的一种模型 xff0c 这个问题是线程模型中的一
  • 【转】MEMS陀螺仪的简要介绍(性能参数和使用)

    MEMS传感器市场浪潮可以从最早的汽车电子到近些年来的消费电子 xff0c 和即将来到的物联网时代 如今单一的传感器已不能满足人们对功能 智能的需要 xff0c 像包括MEMS惯性传感器 MEMS环境传感器 MEMS光学传感器 甚至生物传感
  • 编译错误:multiple definition of `yylloc‘

    Using as source for kernel HOSTLD scripts dtc dtc usr bin ld scripts dtc dtc parser tab o bss 43 0x10 multiple definitio
  • 步进电机和伺服电机的区别

    步进电机作为一种开环控制的系统 xff0c 和现代数字控制技术有着本质的联系 在目前国内的数字控制系统中 xff0c 步进电机的应用十分广泛 随着全数字式交流伺服系统的出现 xff0c 交流伺服电机也越来越多地应用于数字控制系统中 为了适应
  • [网上摘录]Gerber RS274X-CAM文件格式详解

    GERBER是一种光绘文件格式 xff0c 用于描述光绘机进行各种绘制或运动行为 GERBER格式是EIA 标准RS 274D的子集 xff1b 扩展GERBER格式是EIA标准RS 274D格式的超集 xff0c 又叫RS 274X RS
  • 【转】开源如何盈利?

    开放源代码 xff08 Open Source xff09 运动曾经被视作商业的反义词 但现在已经有一些人在开源软件的基础上建立了一套完整的商业模式 xff0c 他们发现开源是一种能够与主流软件厂商有效进行竞争的系统性策略 开源软件在发展历
  • NandFlash详解

    转载自 xff1a https blog csdn net hellomxj1 article details 18984873 学习结构如目录所示 xff1a 一 NAND FLASH概述 二 NAND FLASH的参数及物理结构 三 N
  • Linux MTD架构下的nand flash驱动详解

    转载自 xff1a http blog csdn net wang zheng kai article details 18988521 有了前面的基础 xff08 Nandflash详解 xff1a https blog csdn net
  • 激光打印机工作原理(网上摘录)

    导读 xff1a 在本文中 xff0c 我们将揭开激光打印机背后的秘密 xff0c 追踪将计算机屏幕上的字符变为纸上的打印字母的神奇过程 当谜底揭开之后 xff0c 您便会明白 xff0c 其实激光打印过程基于一些很简单的科学原理 xff0
  • 女生适合学习Java吗?

    在这个信息爆炸的时代 xff0c 互联网行业成为了高薪的代名词 xff0c Java 技术因其具有卓越的通用性 高效性 平台移植性和安全性 xff0c 广泛应用于PC 数据中心 游戏控制台 科学超级计算机 移动电话和互联网 xff0c 作为
  • STM32 UART串口环形缓冲区的实现思路和代码

    同名微信公众号 固件工人 同步发布的文章 xff0c 欢迎同时关注 xff0c 及时获取最新文章 1 1 环形缓冲区的实现思路 单片机程序开发一般都会用到UART串口通信 xff0c 通过通信来实现上位机和单片机程序的数据交互 通信中为了实
  • 从零开始学习Linux(一)关闭虚拟机系统

    关闭系统 xff0c 需要输入如下命令 poweroff 然而 xff0c 你只能得到如下反馈 bash poweroff command not found 此项错误是因为poweroff命令是一个系统管理命令 执行此项命令需要高级使用者
  • AndroidQ SystemUI之power键灭屏锁屏流程

    本篇接着分析锁屏相关流程 xff0c 通常我们点击power键会灭屏 xff0c 灭屏时就会加载锁屏 xff0c 以便用户能在下次亮屏时第一时间看到锁屏 xff0c 我们就来看看点击power键灭屏锁屏的流程 Android的事件分发流程大
  • 用Word2007查找和替换功能批量设置图片位置

    Word2007的 查找和替换 功能并不仅仅可以对文字进行批量的查找替换 xff0c 还有很多神奇的功能 xff0c 比如对插入的 图片位置进行批量的查找和调整等等 今天我们就来试试Word2007的 查找和替换 功能在文字替换外的应用 x
  • Windows命令行删除文件和文件夹

    1 rd 命令帮助 删除文件夹 xff08 空 xff09 rd S 文件夹路径 2 rmdir Q S 目录 删除文件夹 xff08 非空 xff09 S 除目录本身外 xff0c 还将删除指定目录下的所有子目录 Q 安静模式 xff0c
  • 01 | 使用Gradle构建多模块项目

    系列文章目录 01 使用Gradle构建多模块项目 02 架构师必备 DDD领域驱动设计之落地实践 03 异常处理实践 抛异常 43 错误码 从今天开始 xff0c 我将从无到有的搭建一套基于 SpringBoot 的开发脚手架 xff0c

随机推荐

  • 干了三年java外包,我转AI了....

    谈及到程序员外包这件事 xff0c 我想我是比较有发言权的一个 xff0c 即使我现在已经从一个外包公司的JAVA开发转行做人工智能算法 我是2018年毕业的 xff0c 一毕业找的第一份工作就是一家外包公司 xff0c 主要做的是承接甲方
  • 人工智能的算法有哪些?AI常用算法

    人工智能 xff08 AI xff09 是一个非常广泛的领域 xff0c 其中包含许多不同的算法和技术 以下是一些常见的人工智能算法 xff1a 人工智能的算法有哪些 xff1f 机器学习 xff08 Machine Learning xf
  • Ftpsclient上传文件到ftp时storeFile总是返回false(522 data connections must be encrypted)

    使用java中org apache commons net ftp的FTPSClient将文件上传服务器时 xff0c 调用storeFile总是返回false 及时打印fClient getReplyCode 和fClient getRe
  • Android官方架构组件:Lifecycle详解&原理分析

    概述 在过去的谷歌IO大会上 xff0c Google官方向我们推出了 Android Architecture Components 其中谈到Android组件处理生命周期的问题 xff0c 向我们介绍了 Handling Lifecyc
  • 线程池原理——生产者/消费者

    import java util ArrayList import java util List import java util concurrent BlockingQueue import java util concurrent L
  • Java并发编程实战~生产者-消费者模式

    前面我们在 Worker Thread 模式 中讲到 xff0c Worker Thread 模式类比的是工厂里车间工人的工作模式 但其实在现实世界 xff0c 工厂里还有一种流水线的工作模式 xff0c 类比到编程领域 xff0c 就是生
  • REDIS缓存穿透,缓存击穿,缓存雪崩原因+解决方案

    一 前言 在我们日常的开发中 xff0c 无不都是使用数据库来进行数据的存储 xff0c 由于一般的系统任务中通常不会存在高并发的情况 xff0c 所以这样看起来并没有什么问题 xff0c 可是一旦涉及大数据量的需求 xff0c 比如一些商
  • 一段日子的结束, 也是一段日子的开始

    一个朋友说的 xff0c 一段日子的结束 xff0c 也是另一段日子的开始 也正是我现在的状态 xff0c 我结束了一段往事 xff0c 也因此开始了一段日子 xff0c 曾经的曾经已离我远去 昨天和好朋友聊天到很晚 xff0c 谈了很多
  • 岁月静好

    不是说马年会马上转运的 xff0c 是不是蛇年的时候前半年太幸福了 xff0c 用了太多的好人品 xff0c 各种奖学金 xff0c 各种申请中标 xff0c 各种荣誉 xff0c 然后我要还了 小猴子说我开始会依赖人了 xff0c 哈哈
  • Android视图绑定ViewBinding的使用

    1 ViewBinding概述 使用ViewBinding的目的是轻松地编写可与视图交互的代码 将view和代码绑定在一起有多种方法 xff1a xff08 1 xff09 findViewById xff1a 编译不安全 xff0c 出现
  • Archlinux安装xfce4桌面

    Archlinux安装xfce4桌面 安装桌面环境 pacman S xorg 安装xfce4桌面 pacman S xfce4 安装LightDM显示管理器 pacman S lightdm lightdm gtk greeter Lig
  • 线程池 allowCoreThreadTimeOut 小知识

    关于线程池 xff1a allowCoreThreadTimeOut true 的小知识点 1 背景 检查别人程序发现堆内存2G xff0c 但是常驻内存res到3 2G了 xff0c 经过一系列操作发现线程特别多 1000 43 当然有重
  • 解决用Hexo和GitHub搭建博客时hexo d命令报错问题

    这两天学着使用hexo和github page搭建个人博客 到使用hexo deploy自动部署到github page的时候出现了错误 xff1a FATAL bash dev tty No such device span class
  • 书房再次升级啦~~

    国庆长假 xff0c 在家里面一顿折腾 xff0c 墙全部重新粉刷 xff0c 书房 卧室 客厅三种不同颜色 书房的颜色是当时在装饰城的展厅里面偷偷扣的墙皮 xff0c 在多乐士店色卡里面对出来的 xff0c 哈哈 ps 这篇日志的照片是用
  • android 抓取LOG的几种命令

    通常调试时候需要抓取log信息 xff0c 下面几种通过ADB命令来抓取log的方法 xff1a USB连接上手机 xff0c 手机需要其他操作 xff1b 然后运行ADB工具 xff1b 输入不同的命令即可抓取对应的LOG信息 抓取rad
  • 基于K近邻法的手写数字图像识别

    数字图像处理课程论文 题目 xff1a 数字图像识别 摘要 模式识别 PatternRecognition 是一项借助计算机 xff0c 就人类对外部世界某一特定环境中的客体 过程和现象的识别功能 xff08 包括视觉 听觉 触觉 判断等
  • Android apk图片资源目录存放规则(drawable和mipmap的区别)

    mipmap mdpi 48 48 mipmap hdpi 72 72 mipmap xhdpi 96 96 mipmap xxhdpi 144 144 mipmap xxxhdpi 192 192 drawable ldpi xff1a
  • 动态代理实现AOP

    阅读目录 代理静态代理动态代理动态代理的应用场景AOPAOP实例1AOP实例2 回到顶部 代理 代理顾名思义 xff1a 代为处理 不是对目标对象的直接操作 xff0c 而是通过代理对目标对象进行包装 xff0c 此时可以在目标对象的基础上
  • 使用linux系统提供的信号量集和共享内存实现生产者和消费者问题

    使用linux系统提供的信号量集和共享内存实现生产者和消费者问题 实验目的 了解和熟悉linux系统下的信号量集和共享内存 实验任务 使用linux系统提供的信号量集和共享内存实现生产者和消费者问题 实验要求 1 写两个程序 xff0c 一
  • XML学习准备(HTML、CSS、JavaScript)

    1 学习前的准备html 1 每个网站开发人员都有必要了解以下几方面的知识 xff1a 万维网如何工作 HTML 语言 如何使用层叠样式表 CSS JavaScript 编程 XML 标准 服务器脚本技术 使用 SQL 来管理数据 2 HT