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

Web开发

 路程安排

 Web前端

<!-- ! + 回车  快速生成框架文档类型为HTML
-->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>焦点访谈:中国底气 新思想夯实大国粮仓</title>
</head>
<body><!-- src: 图片资源路径alt: 图片描述title: 鼠标移入图片时显示的文字with: 图片宽度(px, 像素;%, 相对父元素的百分比)height: 图片高度(px, 像素;%, 相对父元素的百分比)调整 高和宽时,我们一般只调整一项,另一项会自动进行等比例缩放路径书写方式绝对路径:1.绝对磁盘路径;2. 绝对网络路径相对路径: ./ 当前目录(可以省略) ../上一级目录 --> <img src="https://i2.sinaimg.cn/dy/deco/2012/0613/yocc20120613img01/news_logo.png" alt=""> 新浪政务 > 正文<h1>焦点访谈:中国底气 新思想夯实大国粮仓</h1> <hr> <!-- 横线 -->2024年6月13日 21:50 央视网<hr>
</body>
</html>

CSS样式控制

颜色

 rgb 范围:0~255

十六进制表示法:前两位:红;中间两位:绿;最后两位:蓝。

优先级: id > 类选择 > 元素

<span> 标签

  • 在开发网页中会大量使用的没有语义的布局标签(将文本的一部分或者文档的一部分独立出来的方式)。
  • 特点:一行可以显示多个(组合行内元素),宽度和高度默认由内容撑开
    <style>h1 {color: red;}/* 元素选择器 */.cls {color: blue;}/* id 选择器*/#time {color: blue;}</style><hr> <span class="cls" id="time">2024年6月13日 21:50</span> <span>央视网</span><hr>

 超链接

 正文排版

视频标签

音频标签

段落标签

 换行<br>

首行缩进 

这就是属于 CSS样式控制的范畴了。

         p {text-indent: 35px; /* 首行缩进*/line-height: 40px; /* 行高 */}/* 段落p + id "last" */#plast {text-align: right; /*对齐方式*/}

页面整体布局

盒子模型 (盒子不包括外边距 margin)

 

在 head 标签内

设置的高度和宽度 为border 以内的盒子大小

 表格标签

<th> 具有加粗效果

 表单标签

 表单项

 

JavaScript

 JS引用方式

输出语句

 变量

var 定义的变量,可以重复声明,且作用范围比较大,是全局变量

数据类型

js是弱类型语言,虽然声明变量不用指定类型,但是其实他是有类型的

 

函数

 

对象

Array对象定义数组

数组的长度是可变的,而且js是弱类型数据,所以可以存储任意类型的数据(数组里的元素的类型可以不同)

 String

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 使用Python+docx+jieba+wordcloud给word文档生成词云图
  • Java18 设计模式
  • vue2.0+ts中默认demo组件
  • ubuntu 安装opencv(3.4.16)
  • 【C++二分查找 贪心】1552. 两球之间的磁力
  • C语言 | Leetcode C语言题解之第384题打乱数组
  • 五、代理模式
  • E1.S接口如何解决SSD过热问题?
  • AI问答-协议-上传协议:FTP、FTPS、SFTP
  • 【算法 动态规划 简单多状态 dp 问题】打家劫舍题型
  • 第十七章 rust异步库tokio入门
  • Web安全之XSS跨站脚本攻击
  • Jmeter执行多机联合负载
  • 【Ubuntu22.04】搭建Android开发环境
  • npm登录
  • 分享的文章《人生如棋》
  • Flannel解读
  • Javascript弹出层-初探
  • php ci框架整合银盛支付
  • Spring Cloud Feign的两种使用姿势
  • 百度小程序遇到的问题
  • 大数据与云计算学习:数据分析(二)
  • 基于组件的设计工作流与界面抽象
  • 解析带emoji和链接的聊天系统消息
  • 紧急通知:《观止-微软》请在经管柜购买!
  • 如何在GitHub上创建个人博客
  • 删除表内多余的重复数据
  • 网络应用优化——时延与带宽
  •  一套莫尔斯电报听写、翻译系统
  • linux 淘宝开源监控工具tsar
  • ​二进制运算符:(与运算)、|(或运算)、~(取反运算)、^(异或运算)、位移运算符​
  • (12)Linux 常见的三种进程状态
  • (javaweb)Http协议
  • (超简单)构建高可用网络应用:使用Nginx进行负载均衡与健康检查
  • (二)测试工具
  • (附源码)spring boot基于小程序酒店疫情系统 毕业设计 091931
  • (过滤器)Filter和(监听器)listener
  • (汇总)os模块以及shutil模块对文件的操作
  • (深度全面解析)ChatGPT的重大更新给创业者带来了哪些红利机会
  • (算法)Game
  • (算法)区间调度问题
  • (一)【Jmeter】JDK及Jmeter的安装部署及简单配置
  • (转)Mysql的优化设置
  • (转)大型网站架构演变和知识体系
  • .bat批处理(八):各种形式的变量%0、%i、%%i、var、%var%、!var!的含义和区别
  • .NET 2.0中新增的一些TryGet,TryParse等方法
  • .net core IResultFilter 的 OnResultExecuted和OnResultExecuting的区别
  • .NET core 自定义过滤器 Filter 实现webapi RestFul 统一接口数据返回格式
  • .NET Core实战项目之CMS 第十二章 开发篇-Dapper封装CURD及仓储代码生成器实现
  • .net安装_还在用第三方安装.NET?Win10自带.NET3.5安装
  • .NET与 java通用的3DES加密解密方法
  • .vue文件怎么使用_vue调试工具vue-devtools的安装
  • [ vulhub漏洞复现篇 ] Apache Flink目录遍历(CVE-2020-17519)
  • [ vulhub漏洞复现篇 ] JBOSS AS 5.x/6.x反序列化远程代码执行漏洞CVE-2017-12149
  • [.net 面向对象程序设计进阶] (19) 异步(Asynchronous) 使用异步创建快速响应和可伸缩性的应用程序...