HTML&CSS基础知识

最新推荐文章于 2022-11-30 21:37:28 发布

DuiDui丶

最新推荐文章于 2022-11-30 21:37:28 发布

阅读量161

点赞数

分类专栏：小笔记

本文链接：https://blog.csdn.net/weixin_45440790/article/details/99698786

版权

小笔记专栏收录该内容

11 篇文章 0 订阅

订阅专栏

文章目录

HTML&CSS基础知识

HTML&CSS基础知识

一：html

1.概述：html（Hypertext Markup Language）超文本标记语言。

超级文本：不光光是文本，还可以写图片，音频，视频，表格…
标记语言：里面的内容都写在标签里面 eg.

xxx

2.作用：编写网页内容的

3.常见标签：

1.表格table
2.图片img
3.超链接a
4.表单form

文本框：type=“text”
密码框：type=“password”
单选框：type=“radio”
多选框：type=“checkbox”
文件上传：type=“file”

普通按钮：type=“button”
重置按钮：type=“reset”
提交按钮：type=“submit”
图片按钮：type=“image”

文本域：

<!--resize设置该文本域不能更改在浏览器中随意更改大小 -->
<textarea name="" rows="" cols="" style="resize:none"></textarea>

下拉列表/框：

<select name="">
    <option></option>
    <option></option>
    <option></option>
</select>

二：CS与BS[面试题]

CS（Client/server）架构：QQ,王者荣耀…

优缺点：
优点：服务器比较稳定，安全性高
缺点：必须下载客户端，每次更新都需要重新下载

BS（Broswer/Server）架构：4399，京东，淘宝…

优缺点：
优点：不必下载客户端（系统自带），不需要更新
缺点：不稳定，安全性较低

三：html使用

1.文档结构

<html><!--根标记只有一个-->
	<head>
		标题
		页面编码集
		引用外部的文件
	</head>
	<body>
		网页的内容
	</body>
</html>

2.注释和标签

注释：快捷键 Ctrl + Shift + /
标签：
双标签(开始标签，结束标签)：

单标签：

3.表格

<table>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

单元格合并：colspan（合并列），rowspan(合并行)

4.图片和超链接

<img src="xxx" alt="" width="" height=""/>
<a href="xxx">百度</a>

5.表单form：可以将数据提交给指定的路径（后台Servlet）

6.DIV&Span

div：块级元素（默认独占一行），其他的：h_n标题元素，p段落元素
div通常用来布局页面
span：行内元素（内容有多大就占用多少空间，不会自动换行）

四：CSS

css：层叠样式表（可以叠加多个样式）

作用：用来渲染网页，让页面更加好看

小结：

面试题：CS于BS的区别，get请求于post请求的区别？

CS于BS的区别:

cs:客户端与服务器
特点：稳点，安全，但是必须下载客户端，还需要更新
BS：浏览器与服务器(web服务器)
特点：无需下载客户端，但是，不是很稳定，不太安全

get请求于post请求的区别？

get请求：参数提交到url地址栏上，不安全，数据量有大小限制（2kb左右）
post请求：参数在数据包中(http协议)，相对安全，对提交的数据没有大小限制（
文件上传 --使用post）

一：Html
概述：超文本标记语言
作用：编写网页内容
1.表格table
2.图片img
3.超链接a
4.表单form

文本框：type=“text”
密码框：type=“password”
单选框：type=“radio”
多选框：type=“checkbox”
文件上传：type=“file”

普通按钮：type=“button”
重置按钮：type=“reset”
提交按钮：type=“submit”
图片按钮：type=“image”

文本域：
下拉列表/框：

	<select name="">
		<option></option>
		<option></option>
		<option></option>
	</select>

二：css
概述：层叠样式表
作用：渲染网页的

DuiDui丶

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML&CSS基础知识

文章目录HTML&CSS基础知识一：html1.概述：html（Hypertext Markup Language）超文本标记语言。2.作用：编写网页内容的3.常见标签：二：CS与BS[面试题]CS（Client/server）架构：QQ,王者荣耀...BS（Broswer/Server）架构：4399，京东，淘宝...三：html使用1.文档结构2.注释和标签3.表格4.图片和超链接5....
复制链接

扫一扫