Day11-认识前端开发

最新推荐文章于 2024-08-06 18:58:51 发布
最新推荐文章于 2024-08-06 18:58:51 发布
阅读量61 收藏
点赞数
文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55243634/article/details/129129708
版权

Day11-认识前端开发

1. 认识前端开发

<!-- 
 0. 什么是爬虫?  -  数据采集(获取互联网产品页面上公开的数据)
 1. 认识前端开发  -  写界面的(数据展示/用户交互)
 2. 前端三大核心技术: html、css、js
 1)html  -  给网页提供内容(通过不同的标签给网页提供不同的内容)
 2)css  -  设置网页内容的样式和布局
 3)js  -  让网页内容变化
 -->

2. html常用标签

<!-- html是用来给网页提供内容(不同的标签提供不同的内容) 
1. 标签  -  html核心元素
2. 网页基本结构
    一个html文件就是一个网页
	1)DOCTYPE - html版本说明
	2)整个网页对应的html标签,html标签中有个head标签(代表网页头部)和body标签(代表网页内容部分)

3. 标签的分类
	1) 双标签: <标签名 属性名1=属性值1 属性名2=属性值2   >标签内容</标签名>
	2) 单标签: <标签名 属性名1=属性值1 属性名2=属性值2   > 或者 <标签名 属性名1=属性值1 属性名2=属性值2   />
	
 -->

<!DOCTYPE html>
<html>
	<head>
		<!-- 设置文本编码方式: utg-8 -->
		<meta charset="utf-8">
		
		<!-- 设置网页标题 -->
		<title>百度一下，你就知道</title>
		
		<!-- 设置网页图标 -->
		<link rel="icon" href="img/百度图标.png"/>
	</head>

	<body>
		<!-- 1. 标题: h1 ~ h6 -->
		<h1>一级标题</h1>
		<h2>二级标题</h2>
		<h1>杭州两所学校发现15名学生新冠阳性：均为首次感染，有班级停课</h1>
		
		<!-- 2. 段落标签: p  -->
		<!-- 注意: html代码中的换行和空格无效
			换行标签: - <br>
			空格: - &nbsp;  、  &emsp;
		 -->
			
		<p>近日，浙江省杭州市有学校出现新冠阳性学生的消息引发关注。
		2023年2月20日，杭州市西湖区教育局发布
		《关于网传西湖区某小学出现多例阳性学生停课的通报》，
		予以回应。</p>
		<p
		>&emsp;&emsp;床前明月光，<br>
		&emsp;&emsp;疑是地上霜。<br>
		&emsp;&emsp;举头望明月，<br>
		&emsp;&emsp;低头思故乡。
		</p>
        <p>对此，西湖区教育局通报称，经调查，2月19日（周日）学校陆续接到二（3）班学生周一请假的申请。</p>
		
		<!-- 3. 行内文字标签: span -->
		<span>2023-02-20 09:40</span>
		<span>|</span>
		<span>界面新闻官方帐号</span>
		
		<!-- 4. 特殊效果文字标签: b、i  
			文字加粗标签: b
			文字倾斜标签: i
		-->
		<b>python</b>
		<i>python</i>
		<p>根据国务院联防联控机制2023年1月印发的
		<b>《学校新型冠状病毒感染疫情防控操作指南》</b>，
		中小学校以班级为单位，出现感染者后，
		学校在<i>第一时间</i>向所在县（区）级教育行政部门作出报告，
		由教育行政部门会同卫生健康、疾控等部门提出并实施防控措施。
		当感染者占比较大时，可以班级或年级为单位<i><b>停止线下上课</b></i>、实施线上教学。
		疫情解除后，高校、职业院校、中小学校要及时恢复正常教育教学秩序，
		幼儿园要及时恢复开园。</p>
        
        <!-- 5. 图片标签: img 
			src属性:图片地址(决定网页上到底显示哪张图)
			title属性:设置图片标题(鼠标悬停在图片上时才显示)
		-->
		<img src="img/aoli.jpg" title="奥斯卡">
		<br>
		<img alt="加载失败" title="冰墩墩" src="https://img0.baidu.com/it/u=2018367311,1016806182&fm=253&app=120&size=w931&n=0&f=PNG&fmt=auto?sec=1676998800&t=08fcff0bfd5a1630d1f22221308ec455" >
		<br>
		<!-- 6. 超链接标签: a 
			1)标签内容: 超链接可见可点的部分
			2)href属性:跳转地址
			3)target属性:打开方式, _self(默认,在当前窗口中打开新的页面)、_blank(在新的窗口中打开新的页面)
		-->
		<!-- 文字超链接 -->
		<a href="https://news.baidu.com" target="_blank">新闻</a>
		<br>
        
        <!-- 图片超链接 -->
		<a target="_blank" href="https://news.baidu.com">
			<img src="img/百度图标.png">
		</a>

	</body>
</html>

3. input标签

		<!-- input标签会因为type属性值的不同表现出不同的功能 -->
		<!--1. text: 普通的文本输入框
			1)placeholder属性:输入中默认显示的输入提示信息
			2)value属性:输入中输入的内容
			3)maxlength属性:最大输入字符的个数
		-->
		<input type="text" placeholder="请输入手机号" value="110" maxlength="6">
		<br><br>

		<!--2. password:密码输入框 
			1)placeholder属性:输入中默认显示的输入提示信息
			2)value属性:输入中输入的内容
			3)maxlength属性:最大输入字符的个数
		-->
		<input type="password" placeholder="密码" value="123456">
		<br><br>

		<!-- 3. radio:单选按钮 
			1)name属性:同一组选项对应的单选按钮的name属性值必须一致
			2)checked属性:添加checked属性的选项默认处于选中状态
		-->
		<input type="radio" name="gender" id="g1"><label for="g1">男</label>
		<input type="radio" name="gender" id="g2" checked><label for="g2">女</label>
		<input type="radio" name="gender"><span>保密</span>
		<br><br>
		<input type="radio" name="marry"><span>已婚</span>
		<input type="radio" name="marry" checked><span>未婚</span>
		<br><br>

		<!-- 4. checkbox:复选按钮 -->
		<form>
		<input type="checkbox" name="language" id="l1" checked><label for="l1">Python</label>
		<input type="checkbox" name="language" id="l2"><label for="l2">C</label>
		<input type="checkbox" name="language"><label for="">C++</label>
		<input type="checkbox" name="language"><label for="">JAVA</label>
		<input type="checkbox" name="language"><label for="">Go</label>
		<br><br>

		<!-- 5. 其他情况 -->
		<input type="color">
		<input type="date">
		<input type="datetime-local">
		<input type="image">
		<br><br>
		<input type="reset">
		</form>

4. 其他标签

		<!-- 1. 下拉菜单(列表): select、option -->
		<select >
			<option value="四川省">四川省</option>
			<option value="河北省">河北省</option>
			<option value="广东省">广东省</option>
			<option value="广西省">广西省</option>
		</select>
		
		<select name="" id="">
			<optgroup label="四川省">
				<option value="">成都市</option>
				<option value="">乐山市</option>
				<option value="">自贡市</option>
				<option value="">绵阳市</option>
			</optgroup>
			
			<optgroup label="广东省">
				<option value="">广东市</option>
				<option value="">东菀市</option>
				<option value="">潮汕市</option>
				<option value="">佛山市</option>
			</optgroup>
			
		</select>

		<!--2. 有序列表: ol、li-->
		<p>编程语言排行榜:</p>
		<ol>
			<li>Python</li>
			<li>Java</li>
			<li>C</li>
			<li>C++</li>
			<li>JavaScript</li>
		</ol>

		<!--3. 无须列表: ul、li -->
		<p>千锋成都校区所有学科:</p>
		<ul>
			<li>Python数据分析</li>
			<li>Java后端开发</li>
			<li>大前端</li>
			<li>UI、UE设计</li>
			<li>物联网</li>
		</ul>

		<!-- 4.  -->
		<p>千锋成都校区所有学科:</p>
		<div>
			<div>Python数据分析</div>
			<div>Java后端开发</div>
			<div>大前端</div>
			<div>UI、UE设计</div>
		</div>
		
		<button>确定</button>
		<button>登录</button>
guoooooo郭
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
认识前端开发
m0_65382530的博客
06-23 3630
前端开发是指开发网络应用程序（通常基于 Web 或移动应用平台），利用 HTML、CSS 和 JavaScript 等技术来实现用户界面和用户交互，使得用户可以便捷地使用程序并获得交互反馈。前端开发主要关注的是软件的展示层，即用户能够看到和触摸到的部分。HTML是前端开发中最基本的语言，它用来描述文档结构和内容。CSS用于定义文档的样式和布局，使得文档展示更加美观、易读。JavaScript则是一种编程语言，常用于制作交互式的网站和应用程序，并增加软件的交互性和可用性。
【Web前端开发】入门基础Day1
qq_45825645的博客
01-25 200
我是看bilibili黑马程序员学习有关Web前端开发的知识，打算每次学习后记录一下本次学习要点 整理成博客，分享出来给大家共同进步 一、网页 网页的组成：网页是由文字、图片、音频、视频、超链接组成的 网页背后就是前端程序员所写的代码，代码通过浏览器转化（解析和渲染）成用户看到的网页 怎么样看到一个网页背后的代码呢？ 右键网页空白处，点击检查，在Elements（也就是元素）窗口即为网页代码 浏览器：是网页显示、运行的平台，也是前端的开发利器 当前五大热门浏览器为：IE、火狐、谷歌、safa.
前端学习打卡Day11
Narcissus__的博客
04-01 98
1.3d位移 1）通过transform-style: preserve-3d设置3d位移 2）通过设置景深属性的距离可观测到z轴上的变化 perspective：900px 3）scaleZ()和scale3d()函数单独使用时没有任何效果，要配合其他变形函数使用 2.网格布局 1）容器和项目 容器可以理解为父元素，项目可以理解为子元素 2）行和列 3）单元格 行与列的交叉区域 4）网...
Day11_认识前端开发
weixin_51057765的博客
02-20 44
认识前端开发
计算机前端-Web前端.DAY11-象.avi
05-23
计算机前端-Web前端.DAY11-象.avi
计算机前端-Web前端.DAY11-列表.avi
05-23
计算机前端-Web前端.DAY11-列表.avi
计算机前端-Web前端.DAY11-验证案例.mp4
05-24
计算机前端-Web前端.DAY11-验证案例.mp4
计算机前端-Web前端.DAY11-信验证码.avi
05-23
计算机前端-Web前端.DAY11-信验证码.avi
计算机前端-Web前端.DAY11-列表avi.avi
05-23
计算机前端-Web前端.DAY11-列表avi.avi
HTML5+CSS3-HTML5入门
2302_77230857的博客
08-06 748
,<meta>,<link>,<style>等，都属于头部标签可容纳的子标签。该标签必须在<head>之中，，一个HTML文档只能包含一个<title>标签，<title>开始标签和
软件设计之HTML5
thm19990903的博客
08-04 1925
HTML：Hyper Text Markup Language 超文本标记语言。
聚类算法-一种无监督学习方法.docx
08-12
聚类算法是一种无监督学习方法，用于将数据集中的数据点自动分组到不同的类别中，这些类别也称为“簇”或“群”。聚类的目标是让同一簇内的数据点尽可能相似，而不同簇之间的数据点尽可能不相似。聚类算法广泛应用于多种领域，如数据挖掘、模式识别、图像分析、信息检索等。 聚类算法的基本概念 无监督学习：聚类算法不需要事先标记数据点的类别标签，而是根据数据本身的相似性来分组。 相似性度量：聚类算法依赖于某种相似性或距离度量来决定数据点之间的相似程度。常用的度量包括欧氏距离、曼哈顿距离等。 目标函数：大多数聚类算法都会尝试最小化某种目标函数，例如簇内的平方误差和（SSE）。 常见的聚类算法 K-Means K-Means 是一种原型聚类算法，它通过迭代地将数据点分配到最近的质心来形成簇，并重新计算每个簇的质心，直到质心不再显著变化为止。 在 Python 的 scikit-learn 库中，可以通过 KMeans 类实现 K-Means 聚类。 层次聚类 层次聚类构建一个树状图（称为树状图或 dendrogram），显示数据点是如何逐渐合并成簇的。 这种算法可以是凝聚型（自底向上）或分裂型（自顶向下）。
45ft集装箱模型3D图纸 STEP格式.zip
08-12
45ft集装箱模型3D图纸 STEP格式.zip
Spring Boot网吧管理系统.zip
08-12
该系统严格按照需求分析制作相关模块，并利用所学知识尽力完成，但是本人由于学识浅薄，无法真正做到让该程序可以投入市场使用，仅仅简单实现部分功能，希望日后还能改善。 本系统具有以下优点： 该系统具有较高的适用性，选用B/S结构，可以在绝大部分个人平台上使用该系统。 系统将用户权限进行划分，管理员，网管和会员都能看到及操作的信息不一样，三者具备不同的操作权限。 该系统操作界面简单明了，大部分人都可以正常使用。 但也存在以下问题需要改进： 运行时窗口不能被刷新，可以改进。 系统过于简单，显示的信息有限。。 不能添加多个管理员账号，如果可以则将利于发展网吧规模，便于网吧信息集中管理。 不能实时预约接待消息和网吧反馈建议，容易被忽视，不利于管理员服务客户。
微信小程序大作业 新闻小程序
08-12
微信小程序大作业 新闻小程序
一种简单易用的通用循环队列的C语言解决方案
08-12
博文《一种简单易用的通用循环队列的C语言解决方案》实现的代码。 在实际的嵌入式编程中，消息队列的使用还是比较频繁的，已经在文章《一种简单安全的消息队列的C语言解决方案》中说明了一种队列的解决方案，但是那种设计其中还是存在一些不方便的用法，对于嵌入式系统中一些要求或者性能限制下，可能会用到循环队列，但是对于不使用操作系统的情况下，队列相关的功能就需要手动实现。所以下面将会介绍一种简单的循环队列的实现方式。
智慧城市应急指挥中心系统平台建设方案PPT(41页).pptx
最新发布
08-12
城市应急指挥系统是智慧城市建设的重要组成部分，旨在提高城市对突发事件的预防和处置能力。系统背景源于自然灾害和事故灾难频发，如汶川地震和日本大地震等，这些事件造成了巨大的人员伤亡和财产损失。随着城市化进程的加快，应急信息化建设面临信息资源分散、管理标准不统一等问题，需要通过统筹管理和技术创新来解决。 系统的设计思路是通过先进的技术手段，如物联网、射频识别、卫星定位等，构建一个具有强大信息感知和通信能力的网络和平台。这将促进不同部门和层次之间的信息共享、交流和整合，提高城市资源的利用效率，满足城市对各种信息的获取和使用需求。在“十二五”期间，应急信息化工作将依托这些技术，实现动态监控、风险管理、预警以及统一指挥调度。 应急指挥系统的建设目标是实现快速有效的应对各种突发事件，保障人民生命财产安全，减少社会危害和经济损失。系统将包括预测预警、模拟演练、辅助决策、态势分析等功能，以及应急值守、预案管理、GIS应用等基本应用。此外，还包括支撑平台的建设，如接警中心、视频会议、统一通信等基础设施。 系统的实施将涉及到应急网络建设、应急指挥、视频监控、卫星通信等多个方面。通过高度集成的系统，建立统一的信息接收和处理平台，实现多渠道接入和融合指挥调度。此外，还包括应急指挥中心基础平台建设、固定和移动应急指挥通信系统建设，以及应急队伍建设，确保能够迅速响应并有效处置各类突发事件。 项目的意义在于，它不仅是提升灾害监测预报水平和预警能力的重要科技支撑，也是实现预防和减轻重大灾害和事故损失的关键。通过实施城市应急指挥系统，可以加强社会管理和公共服务，构建和谐社会，为打造平安城市提供坚实的基础。
毕业设计php网络相册-qkrp源码含文档工具包
08-12
毕业设计php网络相册-qkrp源码含文档工具包 php，数据库mysql，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 本网站由用户模块、风采相册、留言簿模块与管理模块等构成，其中用户模块实现了用户注册、登陆与修改个人资料等功能；在线论坛提供交流平台；风采相册实现图片上载和在线浏览功能；留言簿模块实现网上留言功能；管理模块实现用户管理、论坛管理、相册管理与留言簿管理等功能。 包含：源码、数据库脚本、论文、环境工具包、相同框架项目的安装教程（在说明文档中）
day--和--day区别
04-18
"day--"和"day"是两种不同的操作符，它们在编程中有着不同的含义和用法。 1. "day--"是一个后缀自减操作符，用于将变量的值减1，并返回减1之前的值。例如，如果有一个变量day的值为5，执行day--操作后，day的值将...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值