微信小程序实训 Day 01 实习日志

最新推荐文章于 2022-05-13 15:42:34 发布

在读硕士的橘仔

最新推荐文章于 2022-05-13 15:42:34 发布

阅读量4.1k

点赞数

分类专栏：微信小程序实训

本文链接：https://blog.youkuaiyun.com/Laufen_j/article/details/92721852

版权

本文记录了作者在微信小程序实训的第一天，回顾了学习内容，包括html的基础，css的笔记和javascript的重点，特别是DOM操作。虽然讲师讲解速度快，但作者凭借前端基础，紧跟节奏并详细记录了知识点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.第一次实训还是有一点点小激动滴~

2.老师上课前发了两个软件包，chrome和sublime text3，因为之前有接触过前端，所以电脑里面已经安装好了这两个软件了。

3.老师讲课速度很快，因为老师打算今天上午讲完html,css和js，因为自己有一些基础所以还算能跟得上，然后一直跟着老师敲代码，记笔记。

接下来进入正题

1.html

上课记的笔记

html 超文本标记语言

新建一个文件夹之后拉入sublime里面

在sublime里面右键新建文件，给文件命名，要带文件名后缀（html,css）再保存文件

新建html文件之后敲html+tap会补齐标签，代码
（meta防止乱码，必须要有）


html文档结构
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>

	<style type="text/css"></style>
</head>


<body>
	<!--脚本-->
	<script type="text/javascript"></script>
</body>
</html>


html是一个标记语言

<div></div>双标签
<br/>单标签（可加可不加）

开标签+闭标签
标签需要符合开闭原则


块级元素：默认占一整行，设置行高（div
行内块元素：可以设置宽高，但是不占一整行（img
行内元素：不可以直接设置宽高，也不占一行（span



span 是一个没有任何样式的段落标签

pre 是一个有带格式的p标签，可以用来保留缩进、换行，用于展示代码

div是没有任何样式的块级元素，用来包裹内容和分割内容

<iframe>是一个框架元素，用来显示其他内容

optgroup是下拉菜单里面的小标题，配合label

label本身没有任何的视觉效果，优化了用户的鼠标体验，把内容和输入框绑在一起，鼠标无论点击哪个都可以选中


半包围
<fieldset></fieldset>
<legend></legend>样式有点难搞


列表元素
ul无序
ol有序