文章目录

1CSS 与JAVA Script，HTML的功能
- 1HTML
- 关于VS Code快捷键
- 2初始代码（！+tab）
- 3注解
- 4标题与段落
- 5文本修饰标签
- 6图片标签
- 7引入文件的地址路径
- 8跳转链接
- 9跳转锚点
- 10特殊符号
- 11无序列表
- 12有序列表
- 13定义列表
- 14嵌套列表
- 15 表格标签
- 16表格属性
- 17 表单标签form与input属性(用户登录极其选择)
- 18表单标签
- 19（div>与span>）

1CSS 与JAVA Script，HTML的功能

HTML ：结构
```
CSS ： 样式
```
JavaScript ：行为

如果用人来打比方。HTML像是身体的各个器官，css的功能就是把它组装成一个人， JavaScript的功能就是让它有一定的行动能力，能动起来。

1HTML

超文本标记语言(HyperText Markup Language)，标准通用标记语言下的一个应用。是网页制作必备的编程语言。

关于VS Code快捷键

设置：文件->首选项->设置（大小、是否换行word wrap)
创建文件、创建文件夹、重命名和别除
ctrl+s:保存
ctrl+a:全选s
ctrl+x、ctrl+c、ctrl+v:剪切、复制、粘贴
ctrl+Z、ctrl+y:撤销、前进
shift+end:从头选中一行
shift+home:从尾部选中一行
shift+alt+↓：快速复制一行
alt+↑或↓：快速移动一行
tab:向后缩进
tab+shift:向前缩进
多光标：alt+鼠标左键
ctr1+d:选则相同元素的下一个

2初始代码（！+tab）




    


s
    
    
    网页的最上面


    显示网页内容的区域

3注解

4标题与段落

h标签
p标签

标题

题目

基本信息

内容

经历

内容

5文本修饰标签

： 表示强调，会对文本进行加粗 

       ： 表示强调，会对文本进行斜体
       
       _{、^{： 下标文本、上标文本

       、： 删除文本、插入文本}}

Document
this is a very importent txt 这会让他变的倾斜 _down ^on
a ²+b ²=c ²

删除文本类似于原价有下划线文本类似于现价

6图片标签

：图片
src
alt
title
width 、heigh

Document
7引入文件的地址路径

相对路径
. 在路径中表示当前路径
… 在路径中表示上一级路径
绝对路径
一种是本地决定路径，一种是网络绝对路径，他们都代表了这个文件在本地或者网络中的具体位置。

Document

8跳转链接

标签
href
target
标签

Document 百度百度百度百度百度百度百度
9跳转锚点

实现一 #号 id属性

实现二 #号 name属性

Document HTML CSS javaspsce
html本标记语言

模拟段落

模拟段落

模拟段落

模拟段落

模拟段落

模拟段落

模拟段落

模拟段落

模拟段落

模拟段落

模拟段落

模拟段落

css超文本标记语言

模拟段落

模拟段落

模拟段落

模拟段落

模拟段落

模拟段落

javaspcce超文本标记语言

模拟段落

模拟段落

模拟段落

模拟段落

模拟段落

模拟段落

10特殊符号

应用于输出无法输出的字符，或者会产生奇异的代码片段。

特殊字符含义特殊字符代码
空格符
版权 ©
注册商标 ®
< 小于号 &it
> 大于号 >
& 和号 &
人民币 ¥
摄氏度 °

Document
<html">>

hellow word

11无序列表

、
：列表的最外层容器、列表项注：ul和li必须是组合出现的，他们之间是不能有其他标签的 type属性 : 改变前面标记的样式( 一般都是用CSS去控制 )

Document

one one

two

three

fore

12有序列表

、
：列表的最外层容器、列表项注：有序列表用的非常少，经常用的是无序列表，无序列表可以去代替有序列表。 type属性 : 改变前面标记的样式( 一般都是用CSS去控制 )

Document

1 2 3 4 5

one

13定义列表

：定义列表：定义专业术语或名词
：对名词进行解释和描述

Document

dddd

javaspace

fffff

css

14嵌套列表

列表之间可以互相嵌套形成多层级列表。

贵州

lps

zy

gy

云南

lj

15 表格标签
：表格的最外层容器：定义表格行
：定义表头：定义表格单元
：定义表格标题 Document
tianqi

日期天气情况出行情况

2022.2.22 晴天带墨镜

2022.2.31 阴天带伞

16表格属性

border ：表格边框

cellpadding ：单元格内的空间 cellspacing ：单元格之间的空间 rowspan ：合并行 colspan ：合并列 align ：左右对齐方式 valign ：上下对齐方式

Document
tianqi

日期天气情况出行情况

2022.2.22 白天晴天带墨镜

晚上阴天带伞

2022.2.22 白天晴天带墨镜

晚上阴天带伞

17 表单标签form与input属性(用户登录极其选择)

form> ：表单的最外层容器
input>：标签用于搜集用户信息，根据不同的type属性值，展示不同的控件，如输入框、密码框、复选框等。

type属性含义
text 普通的文本输入框
password 密码输入框
checkbox 复选框
radio 单选框
file 上传文件
submit 提交按钮
reset 重置按钮
action 选择请求地址或者API
mathod 请求方式为get与set
form标签 input,buttom,select(多选框)，option(多选框的选项)

input
name属性规定标签的名字作用：
ype属性 text(文本输入框)、password(密码框，不显示具体值)、nput(文件)、radio(单选)、hidden(隐藏，不需要用户石到的标签)、submit(定义提交按钮)、buttom(标识单纯可以被点击的按钮)、
value属性定义标签框的默认值
get是明文传输，有字节限制。
post没有字节限制。

Document

输入框：

密码框：

复选框
苹果苹果
单选框
男女
上传文件

提交按钮重置按钮

多行文本框

下拉菜单
男女

18表单标签

textarea> ：多行文本框
select>、option>：下拉菜单
label>：辅助表单

19（div>与span>）

div （块）：
div全称为division，“分割、分区”的意思，
标签用来划分一个区域，相当于一块区域容器，可以容纳段落、标题、表格、图像等各种网页元素。即HTML中大多数的标签都可以嵌套在标签中，中还可以嵌套多层，用来将网页分割成独立的、不同的部分，来实现网页的规划和布局。
span（内联） :
用来修饰文字的，div与span都是没有任何默认样式的，需要配合CSS才行

Document

finaly

类似于

转载请注明：文章转载自 www.mshxw.com

本文地址：https://www.mshxw.com/it/1020340.html

上一篇 Java核心编程学习 -- day7

下一篇不用线段树，一个思路解决所有我的日程安排表问题

Java相关栏目本月热门文章

1【Linux驱动开发】设备树详解（二）设备树语法详解

2别跟客户扯细节

3Springboot+RabbitMQ+ACK机制(生产方确认(全局、局部)、消费方确认)、知识盲区

4【Java】对象处理流（ObjectOutputStream和ObjectInputStream）

5【分页】常见两种SpringBoot项目中分页技巧

6一文带你搞懂OAuth2.0

7我要写整个中文互联网界最牛逼的JVM系列教程 | 「JVM与Java体系架构」章节：虚拟机与Java虚拟机介绍

8【Spring Cloud】新闻头条微服务项目：FreeMarker模板引擎实现文章静态页面生成

9JavaSE - 封装、static成员和内部类

10树莓派mjpg-streamer实现监控及拍照功能调试

11用c++写一个蓝屏代码

12从JDK8源码中看ArrayList和LinkedList的区别

13idea 1、报错java: 找不到符号符号: 变量 log 2、转换成Maven项目

14在openwrt使用C语言增加ubus接口（包含C uci操作）

15Spring 解决循环依赖

16SpringMVC——基于MVC架构的Spring框架

17Andy‘s First Dictionary C++ STL set应用

18动态内存管理

19我的创作纪念日

20Docker自定义镜像-Dockerfile

热门相关搜索

路由器设置木托盘宝塔面板儿童python教程心情低落朋友圈 vim 双一流学科专升本我的学校日记学校西点培训学校汽修学校情书化妆学校塔沟武校异形模板西南大学排名最精辟人生短句 6步教你追回被骗的钱南昌大学排名清朝十二帝北京印刷学院排名北方工业大学排名北京航空航天大学排名首都经济贸易大学排名中国传媒大学排名首都师范大学排名中国地质大学(北京)排名北京信息科技大学排名中央民族大学排名北京舞蹈学院排名北京电影学院排名中国戏曲学院排名河北政法职业学院排名河北经贸大学排名天津中德应用技术大学排名天津医学高等专科学校排名天津美术学院排名天津音乐学院排名天津工业大学排名北京工业大学耿丹学院排名北京警察学院排名天津科技大学排名北京邮电大学(宏福校区)排名北京网络职业学院排名北京大学医学部排名河北科技大学排名河北地质大学排名河北体育学院排名

学习工具

代数计算器

三角函数

解析几何

立体几何

知识解答

教育知识

百科知识

生活知识

常识知识

写作必备

作文大全

作文素材

句子大全

实用范文

关于我们

关于我们

联系我们

网站地图

名师互学网交流群

名师互学网客服

名师互学网版权所有 (c)2021-2022 ICP备案号：晋ICP备2021003244-6号

关于我们文章归档网站地图联系我们
版权所有 (c)2021-2022 MSHXW.COM

ICP备案号：晋ICP备2021003244-6号

特殊字符	含义	特殊字符代码
	空格符
	版权	©
	注册商标	®
<	小于号	&it
>	大于号	>
&	和号	&
	人民币	¥
	摄氏度	°

后端的前段基础

题目

基本信息

经历

html本标记语言

css超文本标记语言

javaspcce超文本标记语言

输入框：

密码框：

复选框

单选框

上传文件

提交按钮重置按钮

多行文本框

下拉菜单

finaly

Java相关栏目本月热门文章