Java阶段三Day01

news/2024/10/31 3:28:09/

Java阶段三Day01

文章目录

  • Java阶段三Day01
    • Web前端
    • HTML
      • 标记语言的格式
      • 常见文本标签
      • 字体相关标签
      • 列表标签
      • 图片和超链接
        • 图片`<img>`标签
        • 超链接`<a>`标签
      • 表格和表单
        • 表格`<table>`标签
        • 表单`<form>`标签
    • 常用快捷键

网站:客户端(页面展示)、Web服务器(业务逻辑)、数据库服务器(数据存储)

Web前端

指使用HTML、CSS和JavaScript等技术,将设计师提供的网页设计图转化为浏览器可以识别并展示的网页界面,俗称做网页

HTML

  • HTML是一种标记语言,用于创建网页。叫做超文本标记语言
  • HTML由许多元素组成,这些元素可以指定不同的页面内容,如文本、图像、音频、视频等。
  • 最新版本是HTML5(2014年)
  • 作用:负责搭建页面的结构和准备内容(盖房子毛坯房)

标记语言的格式

  • <!DOCTYPE html> 表示文档类型声明,告诉浏览器这是一个 HTML5 文档
  • <html></html> 标签表示 HTML 文档的开始和结束
  • <head></head> 标签之间包含一些元数据,如标题、样式表等信息。(给浏览器看的)
  • <body></body> 标签之间包含实际的页面内容。(给用户看的)

常见文本标签

  • 内容标题 <h1></h1> ~ <h6></h6>:字体加粗, 独占一行, 自带上下的间距
  • 段落标签 <p></p>:独占一行, 自带上下间距
  • 水平分割线 <hr>
  • 换行 <br>

字体相关标签

  • 加粗 <b></b>
  • 斜体 <i></i>
  • 下划线 <u></u>
  • 删除线 <s></s>

列表标签

  • 无序列表 <ul><li></li></ul>
  • 有序列表 <ol><li></li></ol>
  • 列表嵌套 有序列表和无序列表,可以任意无限嵌套

图片和超链接

图片<img>标签

  • src:设置资源路径
    • 相对路径访问站内资源时使用
      1. 资源和页面在同级目录: 直接写图片名
      2. 资源在页面的上级目录: … / 图片名
      3. 资源在页面的下级目录: 文件夹名 / 图片名
    • 绝对路径:访问站外资源时使用,称为图片盗链,有找不到图片的风险
  • alt:当图片不能加载时显示的文本
  • title鼠标悬停时显示的文本
  • width / height设置宽高
    • 两种赋值方式
      1. 像素
      2. 百分比
    • 只设置宽度 高度会自动等比例缩放

超链接<a>标签

  • 将用户从一个Web页面或站点带到另一个页面或位置
  • href:属性指定目标页面的URL(类似图片的src属性)
  • target:指定链接在何处打开,常见的值有 _blank (在新窗口中打开) 和_self (在当前窗口中打开),如果没有设置 target 属性,则默认在当前窗口中打开链接
  • 页面内部跳转:在目的地元素里面添加id属性, 然后在超链接href="#id",这样就能跳转到指定元素的位置

表格和表单

表格<table>标签

  • <tr></tr> (table row) 标签定义表格中的行
  • <td></td> (table data)标签定义表格中的单元格(数据)
  • <th></th> (table header)标签定义表头
  • <caption></caption> 定义表格名称,加粗并居中
  • 相关属性:
    • colspan 跨列
    • rowspan 跨行

表单<form>标签

<form></form>表单的作用:用来获取用户输入的各种信息提交给服务器

标签介绍
<input type="text">文本框
<input type="password">密码框
<input type="radio">单选框
<input type="checkbox">多选框
<input type="date">日期
<input type="file">文件
<select><option></option></select>下拉框
<button></button>按钮

常用快捷键

快捷键介绍
Alt+Insert新建文件
Ctrl+D复制整行并粘贴到下一行
Shift+回车切换到下一行
Ctrl+Alt+L代码格式化
Ctrl+X剪切 (可以用做删除)
Ctrl+Z撤销
Ctrl+Shift+Z恢复
Ctrl+Shift+/注释

http://www.ppmy.cn/news/70191.html

相关文章

自动化测试代码项目流程实现

由于项目需要&#xff0c;写了版针对业务的自动化测试代码&#xff0c;主要应用场景在于由于业务日趋复杂&#xff0c;一些公共代码的改动&#xff0c;担心会影响已有业务。还没进行重写&#xff0c;但知识点还是不少的与大家分享实践下。首先&#xff0c;介绍下整个流处理的业…

解密《永恒之塔私服》龙界要塞全貌

《永恒之塔2.0&#xff1a;进军龙界》将于12月29日14:00正式开放测试&#xff0c;全区全服29日起陆续更新&#xff0c;并将在元旦假期期间完成所有区服更新工作。12月27日&#xff0c;2.0新区抢先免费体验已经开始&#xff0c;凭特权激活码抢先免费体验无外挂《永恒之塔2.0》。…

公司新招了个字节拿36K的人,让我见识到了什么才是测试扛把子......

5年测试&#xff0c;应该是能达到资深测试的水准&#xff0c;即不仅能熟练地开发业务&#xff0c;而且还能熟悉项目开发&#xff0c;测试&#xff0c;调试和发布的流程&#xff0c;而且还应该能全面掌握数据库等方面的技能&#xff0c;如果技能再高些的话&#xff0c;甚至熟悉分…

操作系统原理 —— 什么是进程互斥? 以及进程互斥的实现方式(十四)

什么是进程互斥&#xff1f; 在操作系统中&#xff0c;有两种资源共享方式&#xff0c;一种是互斥共享方式&#xff0c;一种是同时共享方式。 互斥共享方式就是指在系统中的某些资源&#xff0c;虽然可以提供给多个进程使用&#xff0c;但一个时间段内只允许一个进程访问该资…

Linux篇1

Linux 1. 概述1.1 内容概要1.2 Linux发展1.3 Linux对比Windows 2. 虚拟机下安装CentOS系统2.1 下载安装VMware2.1.1 官网下载VMware软件2.1.2 安装VMware 2.2 下载CentOS镜像2.3 创建虚拟机&#xff08;在虚拟机中安装CentOS&#xff09;2.3.1 创建虚拟硬件环境2.3.2 安装CentO…

单位网站被黑被下达整改进行行政处罚

最近这几年&#xff0c;由于信息系统安全等级保护法的普及&#xff0c;越来越多公司收到当地公安网监部门打来的电话&#xff0c;说你们公司网站有漏洞&#xff0c;需要限期在2-3内进行漏洞整改和加固&#xff0c;遇到这种情况&#xff0c;不要着急&#xff0c;下面来分享一下该…

宝武中南钢铁借助飞桨让钢筋超限监控有了“火眼金睛”

现代钢铁工业生产过程是一个复杂而庞大的生产体系&#xff0c;涵盖数百道工序。 在70多年的发展历程中&#xff0c;炼钢、轧钢、连铸以及节能减排等各项技术不断进化&#xff0c;无一不印证了中国钢铁在技术创新之路上获得的持续性突破。如今&#xff0c;宝武中南钢铁&#xff…

什么是鉴权?这些postman鉴权方式你又知道多少?

一、什么是鉴权&#xff1f; 鉴权也就是身份认证&#xff0c;就是验证您是否有权限从服务器访问或操作相关数据。发送请求时&#xff0c;通常必须包含相应的检验参数以确保请求具有访问权限并返回所需数据。通俗的讲就是一个门禁&#xff0c;您想要进入室内&#xff0c;必须通过…