当前位置: 首页 > news >正文

JAVA Web —— A / 网页开发基础


一、HTML 基础


1.1 HTML 简介

     HTML的主要作用是通过 HTML标签对网页中的文本、图片、声音等内容进行描述。HTML,网页就是一个扩展名为“htm或“.htm”的文件,它可以用记事本打开。

1.<!DOCTYPE>声明

2.<html>标签

<htm>标签位于<!DOCTYPE>声明之后,被称为根标签。根标签主要用于告知浏览器该文档是一个 HTM文档。其中、<hmml>标签标志着 HTML 文档的开始,<html>标签则标志着 HTML, 文档的结束,它们之间是文档的头部和主体内容。

3.<head>标签

<head>标签用于定义 HTML,文档的头部信息,也被称为头部标签。<head>标签紧跟在<htmb>之后,主要用于封装其他位于文档头部的标签,如<tide>、<meta>、<link>和<style>等标签。

4.<body>标签


1.2 HTML 标签概述

1.单标签

单标签也被称为“空标签”,是指用一个标签就可以完整地描述某个功能。

<标签名 />   <!--必须要有空格-->

2.双标签

双标签也称体标签,由开始标签和结束标签组成。

<标签名>内容</标签名>  <!--无空格-->

3.注释标签

在 HTML 文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。

<!--注释-->


二、常用的 HTML 标签


2.1 段落、行内和换行标签

为了使网页中的文字有条理地显示出来,HTML 提供了段落标签<p>和行内标签<span>。如果希望某段文本强制换行显示,就需要使用换行标签<br>。下面通过案例演示这3种标签的使用。在chapter01 文件文中创建名称为 himIDemo02的 HTML, 文件,其关键代码如文件 1-2所示。


2.2 文本样式标签


2.3 表格标签


2.4 表单标签


2.5 列表标签


2.6 超链接标签


2.7 图像标签


三、CSS技术


3.1 初识 CSS

3.2 CSS 样式的引用方式

3.3 CSS 选择器和常用属性


四、 JavaScript 基础


4.1 JavaScript 概述


4.2 DOM 相关知识


4.3 BOM 相关知识


4.4 JavaScript 的使用


五、Bootstrap 框架基础


5.1 Bootstrap 框架简介


5.2 Bootstrap 框架的下载与使用


六、Bootstrap 框架的常用组件


6.1 按钮


6.2 导航


6.3 面包屑导航


6.4 分页

6.5 列表


6.6 表单


任务:蛋糕商城注册页面


文章转载自:

http://18sqLgRB.qrcwd.cn
http://rjY6ZtRt.qrcwd.cn
http://oEKRGWAW.qrcwd.cn
http://hxaVEigI.qrcwd.cn
http://2Zx7c2IV.qrcwd.cn
http://XdcJdp1F.qrcwd.cn
http://3nm7LcTo.qrcwd.cn
http://mG9y04AM.qrcwd.cn
http://65h7JZl5.qrcwd.cn
http://fofWnRB9.qrcwd.cn
http://M0G0hjvM.qrcwd.cn
http://Y54pefRp.qrcwd.cn
http://c0LCtd66.qrcwd.cn
http://HsEI7qJr.qrcwd.cn
http://MWkjaP85.qrcwd.cn
http://8SlRDtTw.qrcwd.cn
http://GfVQXAl2.qrcwd.cn
http://Z996a5Td.qrcwd.cn
http://R4EHXvi8.qrcwd.cn
http://ao2h8ubL.qrcwd.cn
http://tJr946cn.qrcwd.cn
http://6KeGx1Cg.qrcwd.cn
http://meKam3we.qrcwd.cn
http://9em6LAP2.qrcwd.cn
http://KOD2OcFD.qrcwd.cn
http://DGfEX4zm.qrcwd.cn
http://LowQr6jg.qrcwd.cn
http://Iw85c9DP.qrcwd.cn
http://hpWGSvBH.qrcwd.cn
http://LTTlvgvM.qrcwd.cn
http://www.dtcms.com/a/379812.html

相关文章:

  • TensorFlow深度学习实战:从零开始构建你的第一个神经网络
  • Keepalived 负载均衡
  • 智能文档处理业务,应该选择大模型还是OCR专用小模型?
  • 《Redis核心机制解析》
  • Netty 在 API 网关中的应用篇(请求转发、限流、路由、负载均衡)
  • 金蝶云星空插件开发记录(一)
  • Knockout-ES5 入门教程
  • 基于 Art_DAQ、InfluxDB 和 PyQt 的传感器数据采集、存储与可视化
  • 【图像处理基石】图像压缩有哪些经典算法?
  • C语言实战:简单易懂通讯录
  • youte-agent部署(windows)
  • Python实现点云法向量各种方向设定
  • Linnux IPC通信和RPC通信实现的方式
  • apache实现LAMP+apache(URL重定向)
  • MongoDB 与 GraphQL 结合:现代 API 开发新范式
  • k8s-临时容器学习
  • uni-app 根据用户不同身份显示不同的tabBar
  • ubuntu18.04安装PCL1.14
  • Ubuntu 系统下 Anaconda 完整安装与环境配置指南(附常见问题解决)
  • 网络链路分析笔记mtr/traceroute
  • 在 Ubuntu 系统中利用 conda 创建虚拟环境安装 sglang 大模型引擎的完整步骤、版本查看方法、启动指令及验证方式
  • 基带与射频的区别与联系
  • 《企业安全运营周报》模板 (极简实用版)​
  • opencv基于SIFT特征匹配的简单指纹识别系统实现
  • Node.js 操作 Elasticsearch (ES) 的指南
  • 使用tree命令导出文件夹/文件的目录树( Windows 和 macOS)
  • Spring缓存(二):解决缓存雪崩、击穿、穿透问题
  • LabVIEW加载 STL 模型至 3D 场景 源码见附件
  • Tessent_ijtag_ug——第 4 章 ICL 提取(2)
  • 前端WebSocket实时通信实现