html学习日记part01

最新推荐文章于 2020-03-29 00:02:06 发布

转载最新推荐文章于 2020-03-29 00:02:06 发布 · 146 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/JLU-lp/p/5657165.html

本文阐述了HTML作为网页内容载体的基础作用，CSS用于网页样式的美化，以及JavaScript实现网页交互特效的重要性，三者共同构建了现代网页的基础。

　　Html是网页内容的载体

　　CSS样式是表现

　　JavaScript是用来实现网页上的特效效果

转载于:https://www.cnblogs.com/JLU-lp/p/5657165.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

不想当码农的码农

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【学习日记】（SpringBoot-part 5）新闻管理系统—主页功能

qq_42756396的博客

07-30

1066

新闻管理系统的主页功能

【学习日记】（SpringBoot-part 4）新闻管理系统—添加和修改新闻功能

qq_42756396的博客

07-29

938

新闻管理系统的新闻添加和修改功能效果展示实现过程添加新闻功能和修改功能的实现机制是差不多的，因此放到一起实现效果展示实现过程添加实体类且声明与其他实体关系在po文件下添加News实体信息如下，并在实体信息中声明和其他实体的关系实体关系： News to Type : n:1 News to User : n:1 News to Tags : n:n 因为News和Tags的实体关系为多对多，所以需要指定级联，生成一个News-Tag关系表 @Entity @Table(name =

参与评论您还未登录，请先登录后发表或查看评论

js学习日记part01

admin342517的专栏

07-19

149

（引用JS外部文件）通过前面知识学习，我们知道使用<script>标签在HTML文件中添加JavaScript代码，如图: JavaScript代码只能写在HTML文件中吗?当然不是，我们可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js，然后将JS代码直接写在JS文件中。注意:在JS文件...

html学习日记part09

admin342517的专栏

07-10

168

认识CSS样式它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。 p{ font-size:12px; color:red; font-weight:bold; }使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。 CSS代码语法 css 样式由选择符和声明组成，而声明又由...

html学习日记part11

admin342517的专栏

07-11

156

元素分类在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、&...

html学习日记part10

admin342517的专栏

07-11

145

文字排版--字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子，下面代码实现：为网页中的文字设置字体为宋体。 body{font-family:"宋体";} 这里注意不要设置不常用的字体，因为如果用户本地电脑上如果没有安装你设置的字体，就会显示浏览器默认的字体。（因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体...

html学习日记part03

admin342517的专栏

07-10

152

　　认识htnl文件基本结构　　<html></html>称为根标签，所有的网页标签都在其中　　<head>标签用于定义文档的头部，它是所有头部元素的容器，头部元素有<title>,<script>,<style>,<link>,<meta>等标签　　<head> 　...

html学习日记part08

admin342517的专栏

07-10

151

　　用表单与用户交互　　<form></form> 　　文本输入框、密码输入框　　<form> 　　<input type="text/password" name="名称" value="文本" /> 　　</form> 1、type：当type="text"时，输入框为文本输入框; 当typ...

html学习日记part06

admin342517的专栏

07-10

128

　　使用ul，添加新闻信息列表　　<ul> 　　　　<li>新闻一</li> 　　　　<li>新闻二</li> 　　　　<li>新闻三</li> 　　</ul> 　　使用ol，添加图书销售排行榜，即在文本前自动加入数字　　<ol> 　　　　<li&g...

html学习日记part07

admin342517的专栏

07-10

150

　　使用<a>标签，链接到另一个页面　　<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 　　在新建浏览器窗口中打开链接　　<a href = "目标网址" target="_blank">链接显示的文本</a> 　　使用mailto在网页中链接Email地址　　...

html学习日记part05

admin342517的专栏

07-10

146

　　加入强调语气：　　要强调的文本　　使用斜体强调　　<dtrong>要强调的文本</strong>　　使用加粗强调　　为文字设置单独样式：　　<span>bla...bla</span>　　但在<style></style>标签里要声明用什么　　&...

Javascript YUI 读码日记之 YAHOO.util.Dom – Part.2 0

12-11

在后续的学习中，我们将更深入地研究这些函数的内部逻辑，特别是如何处理浏览器兼容性问题以及如何解决在`getXY`中留下的“悬念”。总结来说，`YAHOO.util.Dom.batch`函数是YUI库中一个强大的工具，它使得批量处理...

pca学习日记

weixin_40895857的博客

03-29

557

本内容只写给自己。资料很杂，内容紊乱，品质很差，只当日记。如果有读者若想学习，建议不要看这篇。。。学习其他优质博客中的系统性的资料。前两天想把算好的词向量投影在三维上，结果发现要先做降维投影。有T-SNE和PCA，前者虽然能保留更多信息，但是不好解释，毕竟我们社会学更在乎“解释”，加上我也不知道它的内部机理到底是什么，所以就做了PCA, 虽然我PCA做出来的东西三维只有14%的解释力，好惨，关...

SSH原理框架图-下载即用.zip

01-01

代码转载自：https://pan.quark.cn/s/7f503284aed9 Hibernate的核心组件总数达到五个，具体包括：Session、SessionFactory、Transaction、Query以及Configuration。这五个核心组件在各类开发项目中都具有普遍的应用性。借助这些组件，不仅可以高效地进行持久化对象的读取与存储，还能够实现事务管理功能。接下来将通过图形化的方式，逐一阐述这五个核心组件的具体细节。依据所提供的文件内容，可以总结出以下几个关键知识点：### 1. SSH框架详细架构图尽管标题提及“SSH框架详细架构图”，但在描述部分并未直接呈现关于SSH的详细内容，而是转向介绍了Hibernate的核心接口。然而，在此我们可以简要概述SSH框架（涵盖Spring、Struts、Hibernate）的核心理念及其在Java开发中的具体作用。 #### Spring框架- **定义**：Spring框架是一个开源架构，其设计目标在于简化企业级应用的开发流程。 - **特点**： - **分层结构**：该框架允许开发者根据实际需求选择性地采纳部分组件，而非强制使用全部功能。 - **可复用性**：Spring框架支持创建可在不同开发环境中重复利用的业务逻辑和数据访问组件。 - **核心构成**： - **核心容器**：该部分包含了Spring框架的基础功能，其核心在于`BeanFactory`，该组件通过工厂模式运作，并借助控制反转（IoC）理念，将配置和依赖管理与具体的应用代码进行有效分离。 - **Spring上下文**：提供一个配置文件，其中整合了诸如JNDI、EJB、邮件服务、国际化支持等企业级服务。 - **Spring AO...

wx_camera_1767247411296.jpg

01-01

wx_camera_1767247411296.jpg

LCD1602时钟程序-下载即用.zip

最新发布

01-01

代码下载地址： https://pan.quark.cn/s/c833ef5cc71e 采用LCD1602显示屏与51微控制器内置定时器构建的电子时钟装置，支持日期与时间参数的修改功能。经过编译验证，该程序未发现任何错误，确保安全可靠地应用。

UR机械臂ROS2仿真控制[项目代码]

01-01

本文详细介绍了如何使用Universal_Robots_ROS2_Driver实现UR机械臂的仿真控制。首先，文章指导读者搭建仿真环境，包括虚拟机、Linux环境、ROS2和Docker的配置。接着，介绍了UR机械臂的驱动接口，并详细说明了如何下载和安装Universal_Robots_ROS2_Driver驱动。随后，文章讲解了UR_sim仿真器的下载和运行方法，包括使用Docker容器拉取镜像和启动仿真器的步骤。最后，文章展示了如何通过URSim simulator示教器控制机器人运动，并基于Universal_Robots_ROS2_Driver实现UR机械臂的仿真控制。整个过程涵盖了环境搭建、驱动安装、仿真器运行和实际控制操作，为读者提供了全面的指导。

STM32F103C8T6最小系统电路设计与PCB原理图

01-01

STM32F103C8T6微控制器核心电路设计图文件。资源来源于网络分享，仅用于学习交流使用，请勿用于商业，如有侵权请联系我删除！

QT下载安装指南[项目代码]

01-01

本文详细介绍了QT的下载与安装步骤。首先提供了QT的官方下载路径及国内镜像网站，建议使用国内高校镜像以加快下载速度。文章指出，Qt5.8.0以后的版本中，Windows平台下的64位安装包以组件形式集成在同一个exe中，安装时需注意断网以避免注册账号的麻烦。接着，文章列举了Qt 5.9.9的功能模块，包括MinGW 5.3.0 32 bit编译器模块、UWP编译模块、MSVC编译器模块、Android平台模块等，并简要说明了各模块的用途。此外，还介绍了Tools节点下的工具软件，如Qt Creator 4.3.1开发IDE和MinGW 5.3.0编译工具链。

PNG Part No.: Customer: Customer code: 这三个要在同一行中，也是均分

07-19

如果你希望 **“PNG Part No.:”、“Customer:”、“Customer code:”** 这三个字段 **在同一行中，并且** **均分宽度**，可以使用 `Flexbox` 布局，让父容器为 `display: flex;`，并为每个子项设置 `flex: 1;`，这样它们就会自动平均分配容器的宽度。 --- ## ✅ 示例代码 ### ✅ CSS 样式 ```css .row { display: flex; width: 100%; gap: 10px; /* 三列之间的间距 */ margin-bottom: 15px; } .col { flex: 1; /* 均分宽度 */ display: flex; align-items: center; } .col input[type="text"] { flex: 1; padding: 4px; box-sizing: border-box; } .col label { white-space: nowrap; margin-right: 10px; font-weight: bold; } ``` ### ✅ HTML 结构 ```html  <div class="row">  <div class="col"> <label>PNG Part No.:</label> <input type="text" /> </div>  <div class="col"> <label>Customer:</label> <input type="text" /> </div>  <div class="col"> <label>Customer code:</label> <input type="text" /> </div> </div> ``` --- ## ✅ 效果说明 | 元素 | 说明 | |------|------| | `.row` | 使用 `display: flex;`，使子元素在同一行排列 | | `.col` | 使用 `flex: 1;`，确保每个字段均分宽度 | | `gap: 10px;` | 控制三列之间的间距，使布局更美观 | | `<input>` 使用 `flex: 1;` | 确保输入框填满剩余空间 | --- ## ✅ 可选扩展：响应式布局如果你希望在小屏幕上自动换行，可以使用媒体查询： ```css @media (max-width: 768px) { .row { flex-direction: column; } } ``` 这样在小屏幕上，三列会自动垂直排列。 --- ###