HTML、CSS、JS阶段总结

Hd1104

已于 2022-08-27 11:20:06 修改

阅读量270

点赞数 2

文章标签： html javascript css

于 2022-08-27 11:14:03 首次发布

本文链接：https://blog.csdn.net/qq_56414562/article/details/126555799

版权

一、HTML

1.html结构

<!DOCTYPE html>
<!-- html文档类型：html5 -->
<!-- head标签：头部信息 -->
<!-- body标签：html主体 -->

html中只有一个根节点html，在html下包含了子节点head和body，在子节点中可以放置其他的相关标签，从而可以显示出相关的内容。

2.标签

标签可以分为文本标签，表格标签，表单标签等，标签之间是可以嵌套使用的

文本标签

<!--标题标签：h1~h6，字号逐渐变小，越来越细-->
<!--标签属性：align = "right / center /lsft"-->
<!-- 段落标签：p-->
<!--文本标签：span，没有默认的样式效果，不换行的标签-->
<!-- 文本标签：div，没有默认的样式效果，换行的标签 -->

对于文本标签需要了解其是否为换行标签，对于一些标签可以采用style来设置其样式

表格标签

<!-- table标签：用于实现表格-->
<!-- thead：代表表头 -->
<!-- th和td类型，th中的文字会加粗 -->
<!-- tbody:表格中的数据 -->
<!-- table标签要求：每行的例数相等 -->

可以通过table标签相关的属性设置值，达到预期的样式

表单标签

<!-- form标签：表单相关的标签，其内部嵌套用于用户输入数据的标签。-->
<!-- input标签：用于用户输入数据 -->

表单标签是在用户点击时要将数据传到对应的请求地址的，其中的action属性就是要提交的url(请求地址)，对于method表示请求方式。

二、css

用于调整html中标签的样式的语言。

1.三种使用方式

内联样式
内部样式
外部样式：使用<link href="">引入css文件，进行样式使用。

2.选择器

标签选择器
id选择器：id是唯一的，通过#调用
class选择器：class可以重复，通过.调用

还包括了分类，分组，派生选择器等

3.盒子模型

margin:外边距，设置元素之间的间距
padding:内边距，设置元素和自己内部的内容之间的间距

4.定位

流定位：页面中的块级元素从上到下一个接一个显示，行内元素在一行中从左到右排
浮动定位：让元素脱离了普通的流定位，通过css的float属性设置元素的浮动方向，浮动元素依旧在父元素内部，用它实现特殊的定位效果

三、js

javascript 简称js,<script>标签内部只能写符合js的语法规则的语言

定义变量用let，自定义函数用function()

1.onclick

js中的单击事件，当元素被单击的时候，则执行单击事件对应的函数

2.js提供周期性定时器函数

间隔多长时间，重复执行某个函数

setInterval(function,时间毫秒数)

3.数组排序

js定义sort函数 -- 默认排序方式是按字符串进行排序。
js定义reverse函数 -- 数组的逆序。
降序：先调用sort升序，然后reverse降序。

4.节点

节点有多种类型，每种类型对应有相应的类型值，查找节点所包含的方法较多，需要我们熟记每个方法对应的单词及功能

5.jquery

jquery就是js的函数库，jquery中封装了常用的函数
jquery的函数只能通过jquery对象调用
js对象和jquery对象的转换：$(js对象)，转换为jquery对象

总结

对于本阶段的学习，了解了关于html，css以及js的相关知识点，对于部分知识点的掌握还是有所欠缺，在时间长了之后也让记忆变得模糊，在后期的学习中也还要回过头来对其进行相应的复习以及做练习进行巩固才可以，不断的练习也能增强记忆力以及熟练度。