HTML知识点复习

已于 2022-01-20 23:30:40 修改
阅读量737 收藏 3
点赞数 1
文章标签： html javascript 前端
于 2022-01-20 21:59:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53318497/article/details/122609832
版权

HTML知识点

HTML是什么？

HTML是用来描述网页的一种语言，指的是超文本标记语言（HyperText Markup Language），通过标签来标记要显示的网页中的各个部分，HTML的文档也叫web页面。
现在的最新版本是：HTML5,简称H5.

网页的组成部分：

页面由三部分组成：

  • 内容（结构）：在页面上可以看到的数据（使用html技术实现）
  • 表现：指这些内容在页面上的展示形式（CSS技术实现：布局、颜色、大小等）
  • 行为：页面元素与输入设备交互的响应（JavaScript）

书写规范

<!DOCTYPE html>
<html> <--表示整个页面的开始-->
	<head>  <--头信息-->
		<meta charset="utf-8" />
		<title></title>  <--标题-->
	</head>
	<body>		<--页面主题内容-->
	</body>
</html> <--表示整个页面的结束-->

标签

  • 格式：<标签名>封装的数据</标签名>
  • 对大小写不敏感
  • 标签都有各自的属性：
    1.基本属性：用来修改简单的样式
    例：bgcolor=“red” 背景色
    2.事件属性：直接设置事件响应后的代码
    例：οnclick="alert(‘你好！’) 表示单击事件，是JavaScript语言提供的一个警告框函数。
  • 分为单标签和双标签
    1.单标签：<标签名/>
    例：< br/> 换行
    2.双标签：<标签名></标签名>

常用标签

  • font标签
    是字体标签，定义文本的字体、字体颜色、字体尺寸。
    所有属性：
    color 颜色
    face 字体
    size 字体大小
  • 特殊字符
    常用：
    1、空格 通常情况下,HTML会裁掉文档中的空格，假如在文档中连续输入10个及以上空格，HTML会显示一个出来。以下代码表示一个空格
&nbsp;

2、<

&lt;

3、>

&gt;
  • 标题标签
    h1~h6 由大到小表示标题标签
    所有属性：
    align=“left/right/center” 表示对齐方式（默认左对齐）
  • 超链接
    在网页中所有可以点击跳转的页面
    所有属性：
    href属性：设置连接的地址
    target属性：设置哪个目标进行跳转
    其中，target="_self" 表示在当前页面跳转（默认）
    target="_blank" 表示打开新页面进行跳转
  • 列表标签
	有序列表<ol></ol>    无序列表<ul></ul>    列表项<li></li>
  • img标签
    可以在HTML页面中显示图片
  <img width="" height="" src="">  <--src设置图片路径-->

所有属性：
1、width：宽度
2、height：高度
3、border：边框
4、alt：设置当前指定路径找不到图片时，用来代替显示文本内容
这里需要注意一下图片路径的设置
路径分为相对路径、绝对路径
在JavaSE中路径设置
1、相对路径：从工程名开始算
2、绝对路径：盘符目/录/文件名
Web中路径设置
1、相对路径：
一个. ：表示当前文件所在目录
两个. : 表示当前文件所在上一级的目录
文件名 : 表示与当前文件所在同一目录的文件 相当于./文件名（./可省略）
2、绝对路径：
正确格式：http：//ip地址：port/工程名/资源路径

  • 表格标签
	<table></table>表格标记
	<tr></tr>表格行
	<td></td>表格列
	在<table>里放<tr>，在<tr>里放<td>
	合并单元格使用：<td colspan="合并的单元格数"></td>
	<table border="1" align="center"></table>   加边框，居中表格

table中的属性：
1、border 、width、height（设置边框、宽度、高度）
2、align 设置表格相对于页面的对齐方式
3、cellspacing 设置单元格间距

  • 跨行跨列表格
    在tr标签中设置两个属性
    colspan:跨列
    rowspan:跨行
    当想要同时跨行跨列的时候，同时使用这两个属性
  • iframe框架标签
    可以在HTML页面打开一个小窗口，去加载一个单独的页面
    所有属性
    width、height、name、src
    iframe和a标签组合使用的步骤：
    1、在iframe标签使用name属性定义一个名称
    2、在a标签的target属性上设置iframe的name属性的值
  • 表单
    表单就是HTML页面中用来收集用户信息的所有元素集合，然后将这些信息发送给服务器。
  1. 文本框
	<input type="text">
  1. 密码框
	<input type="password">
  1. 单选按钮
	如选择性别时；
	<input type="radio" name="gender" checked="checked">男
	<input type="radio" name="gender">女
	checked="checked"表示默认选中
  1. 下拉选择
	如选择籍贯，地区，年龄等等
	<select><!--下拉选择-->
		<option>选择内容之一</option>
		······
	</select>
  1. 复选框
	<input type="checkbox">
	即：可多选
  1. 文本域
	<textarea rows="（行数）" cols="（列数）">
	</textarea>
  1. 文件上传
	<input type="file">
  1. 提交按钮
	<input type="submit">
  1. 重置按钮
	<input type="reset">
  1. 隐藏域
	<input type="hidden">  用户不需要看到的信息
  1. 跳转页面
	要提前先写一个页面
	<form action="跳转页面">
	</form>

12.表单提交的细节
form标签中的属性：
action属性设置提交的服务器地址
method属性设置提交的方式GET(默认值)或POST
表单提交的时候，数据没有发送给服务器的三种情况:
1、表单项没有name属性值
2、单选、复选(下拉列表中的option标签)都需要添加value属性，以便发送给服务器
3、表单项不在提交的form标签中
GET请求的特点是:
1、浏览器地址栏中的地址是: action属性[+?+请求参数]
请求参数的格式是: name=value&name=value
2、不安全
3、它有数据长度的限制
POST请求的特点是:
1、浏览器地址栏中只有action属性值
2、相对于GET请求要安全
3、理论上没有数据长度的限制

  • 其他标签
    段落p：默认在段落的上方和下方各空一行（如果有则不空）
    块div：会自动换行
    span：不会自动换行
    label：不会自动换行
偏执zdm
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
HTML复习
content899的博客
08-10 499
html整体复习知识点
html知识点
07-26
一、HTML知识点 1. HTML基本结构：一个HTML文档通常由<!DOCTYPE>声明、<html>根元素、头部元素和主体元素组成。<!DOCTYPE>声明指定了文档类型，中包含元数据如标题、字符集等，则包含实际的网页内容。 2. HTML标签...
html复习小结
weixin_33738578的博客
11-23 141
border-radius可以设置百分比 百分之五十是圆形 class="class1 class2" 无序列表 <ul><li></li></ul> 有序列表 <ol><li></li></ol> INPUT里面的预设文本placeholder 表单中必...
html最全知识点（超级详细）
最新发布
2301_79099287的博客
05-23 1037
一列格式自定义的列表（几乎不用）十一、 HTML中的特殊字符（记忆）有时候需要在页面中显示空格、等特殊字符这份清华大牛整理的进大厂必备的redis视频、面试题和技术文档祝大家早日进入大厂，拿到满意的薪资和职级~~~加油！！！div和span是没有语义的标签，一般用于页面布局使用（项目中会经常使用到）这份清华大牛整理的进大厂必备的redis视频、面试题和技术文档祝大家早日进入大厂，拿到满意的薪资和职级~~~加油！！！
【HTML】知识点与面试题复习
Milk~每天分享一点点，技术进步一点点
07-10 573
1.DOCTYPE的作用是什么？ 相关知识点：《JavaScripta高级程序设计》 第16页–文档模式 IE5.5引入了文档模式的概念，而这个概念是通过使用文档类型(doctype)切换实现的。最初的两种文档模式是：混杂模式(也称兼容模式)和标准模式。 <!DOCTYPE>声明位于HTML文档中的第一行，处于<html>标签之前。告知浏览器的解析器用什么文档标准解析这个文档。 DOCTYPE 不存在或者格式不正确会导致文档以兼容模式呈现。 回答： <!DOCTYPE&g
HTML复习笔记汇总(1)
小白菜的博客
05-08 877
这篇文章主要写一下，复习HTML时候觉得有必要要记下来的东西一，HTML文档的基本结构1,一个简单的html页面例子    &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;    &lt;html&gt;    &lt;head&gt;    &lt;meta http-equiv="Content-Type...
HTML复习.docx
12-13
HTML基础知识点总结 HTML（HyperText Markup Language）是一种超文本标记语言，用于制作网页。下面是HTML的基本知识点总结： 第一章：HTML的定义和基本框架 * HTML的定义：超文本标记语言，用于制作网页。 * HTML...
JavaScript知识点复习.docx
11-19
JavaScript知识点复习 JavaScript是一种广泛应用于互联网的直译式脚本语言，主要由ECMAScript、DOM（文档对象模型）和BOM（浏览器对象模型）三大部分组成。ECMAScript是JavaScript的核心，它定义了语言的语法、类型...
JavaScript知识点复习.pdf
11-19
JavaScript是一种广泛用于互联网的...随着Web技术的发展，JavaScript的知识点不断扩展，包括框架（如React、Vue）、模块化（如CommonJS、ES6模块）、异步编程（Promise、async/await）等，都需要开发者持续学习和掌握。
HTML5知识点总结汇总
01-02
内容概述：文章包含了最基础的HTML5的知识点。 适用人群：适用于初级选手，可用作复习资料。 能学到什么：最开始的入门学习以及初识HTML。 阅读建议：先看视频在看本文章。
javaweb知识点复习
09-19
JavaWeb是Java进阶到SSM框架的一个过渡阶段。学习JavaWeb需要理解一些概念性的东西，包括静态web和动态web的概念，以及Java Server Pages（JSP）的原理和用法。JavaWeb应用程序由多种资源组成，包括HTML、CSS、JS、JSP、Servlet、Java程序、Jar包和配置文件等。在复习JavaWeb知识点时，你可以关注以下几个方面： 1. 静态web和动态web的区别及应用场景； 2. JSP的基本语法、内置对象和常用标签； 3. Servlet的生命周期、请求和响应处理、数据传递和状态管理； 4. JSP和Servlet的协作开发，包括表单数据的提交和处理； 5. Web应用程序的部署和配置，包括web.xml文件和注解配置； 6. 常见的JavaWeb框架和工具，如Spring MVC、Struts、MyBatis等； 7. 数据库连接和操作，使用JDBC和ORM框架进行数据持久化； 8. 安全性和性能优化，如HTTPS、认证和授权、缓存和调优等。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值