HTML基础复习笔记

矫情吗；* 2022-07-18 06:18 268阅读 0赞

看到是java的达内教程里面的web教程

用servlet，和jsp 来做浏览器与服务器交流。

JDBC来与服务器与数据库

然后用框架提高效率

在开发中web在很大量

主要是JS

用JS来操作HTML

XML用来存储和传输数据，可扩展标记语言。

HTML则来显示数据

HTML是语法固定的XML

标签可扩展，属性可扩展，元素之间的嵌套关系可扩展。

**双标签**

**<标签名> </ 标签名>**

**单标签**

**<标签名 />**

**属性必须定义在开始标签上。**

**属性名 = “属性值”**

**属性名不能重复，且无序。**

**元素：**

**<标签名 属性名 =“属性值”>内容</标签名>**

**<！\-- 注释\-->**

<html>

<head>

设置文档标题、编码、引入的资源

</head>

<body>

页面上要呈现的内容

</body>

</ html>

head中写style等。。。

在head中写title，写标题。

**乱码问题：**

在head元素下，使用<meta>元素设置页面内容的编码。

**标题元素**

<h1></h1> 最大 数字越大显示越小。

**段落元素**

**列表元素**

**列表类型**

<ol> 有序列表

1.q

2.w

3.e

**<ul> 无序列表**

**列表项是<li>**

列表类型套着列表项

**有序**

<ol>

</ol>

**无序**

<ul>

</ul>

**分区元素**

块分区元素 <div> </div>

行分区元素 <span> </span>

**div是用来勾勒出页面的布局，便于开发页面。**

**代码**

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

</head>

<body>

<h1>这里放置logo</h1>

</div>

<br />

<p>hello</p>

<p>RRRRRR</p>

</div >

<br />

</div>

</body>

</html>

**元素显示方式**

** **

**块级元素：**

1.独立成行，默认垂直布局

2.2.占据一个矩形区域

3.<hn>,<p>,<ol>,<ul>这些都是块级。

4.块级元素会影响页面的布局

行内元素：

1.不独立程航，可以横向布局

2.不会占据矩形区域，它只是用来修饰段落中的某几个字的。

3.<span>,<i>,<u>...

4.行内元素不会影响页面布局

**行内元素**

在<p></p>中如果写style会改变整个段落，那么可以在里面<span>写span的style来针对几个字的改。

如：

<p>asdasdsada<span style="color:\#F00">qweqwe</span></p>

<i>，<em> 元素用来让文字倾斜

<p><i>asdasdsada</i><span style="color:\#F00"><em>qweqweqwe</em></span></p>

<b>，<strong> 用来让文字加粗。

<del>元素用来定义带删除线的位置

qwe 上面一个横线，删除的。

<u> 是用来定义下划线的。

**空格折叠**：默认情况下，HTML中多个空格，多个制表符TAB，多个换行符会压缩成单个空格，即只显示一个空格。

可以用<br >

br 是换行符，其他的空格要用

就是说用一些转义。

如

注册商标： ®

小于号 < <

大于号 > >

等等。。。。

**图像元素（是个单标记）**

<img>元素将图像添加到页面

必须属性：src 设置图片存储的位置。

常用属性：width、height

**相对路径  ../是向上加一级**

**超链接元素**

\_blank，打开新窗口，\_self 是在当前窗口打开。

</a>

**锚点**

锚点是文档中某行的一个记号

用于连接到文档中的某个位置

**定义锚点：**

**链接锚点**

定义锚点在想要回到的地方，比如在网上看到的回到顶部，然后在网页下面定义个链接锚点，点击就回去了。

顶部的锚点是默认的，写链接锚点的时候如果href=”\#”就是回到顶部；

**表格**

用table画一个大框框

用tr 画行

用td 画列

但是默认情况下，表格的边线看不见；可以给table统一设置边线，设置后，可以看见table和td的边线。

也就是默认空空的，只有表格中的内容。

**border是边线**

**可以直接在table中写**

border=”1px”

就有外面和里面的边框了。

设置表格的大小就用width和height来设置。

**<table>的常用属性**

border 边线

alige 文本是否居中

cellpading:单元格边框与内容之间的间距

cellspacing:单元格之间的间距

<tr>元素

align/valign

<td>元素

align/valign/width/height

重点：colspan/rowspan

**跨行属性**

跨行：rowspan

有的时候希望某个表格中的一个列占据两行。

使用rowspan

同样跨列类似。

**用clospan来跨列**

既然要占据别的行或者占据别的列，那么就要那个被占据的地方不能有行或者列，也就是要删除，或者不写，释放那个位置。

在td里写 rowspan=”2” 就会跨两行了。在列td里写rowspan跨行，

在行tr中写clospan=”2”就是跨两个列。

看到是java的达内教程里面的web教程

用servlet，和jsp 来做浏览器与服务器交流。

JDBC来与服务器与数据库

然后用框架提高效率

在开发中web在很大量

主要是JS

用JS来操作HTML

XML用来存储和传输数据，可扩展标记语言。

HTML则来显示数据

HTML是语法固定的XML

标签可扩展，属性可扩展，元素之间的嵌套关系可扩展。

双标签

<标签名> </ 标签名>

单标签

<标签名 />

属性必须定义在开始标签上。

属性名 = “属性值”

属性名不能重复，且无序。

元素：

<标签名 属性名 =“属性值”>内容</标签名>

<！\-- 注释\-->

<html>

<head>

设置文档标题、编码、引入的资源

</head>

<body>

页面上要呈现的内容

</body>

</ html>

head中写style等。。。

在head中写title，写标题。

乱码问题：

在head元素下，使用<meta>元素设置页面内容的编码。

标题元素

<h1></h1> 最大 数字越大显示越小。

段落元素

列表元素

列表类型

<ol> 有序列表

1.q

2.w

3.e

<ul> 无序列表

列表项是<li>

列表类型套着列表项

有序

<ol>

</ol>

无序

<ul>

</ul>

分区元素

块分区元素 <div> </div>

行分区元素 <span> </span>

div是用来勾勒出页面的布局，便于开发页面。

代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

</head>

<body>

<h1>这里放置logo</h1>

</div>

<br />

<p>hello</p>

<p>RRRRRR</p>

</div >

<br />

</div>

</body>

</html>

元素显示方式

块级元素：

1.独立成行，默认垂直布局

2.2.占据一个矩形区域

3.<hn>,<p>,<ol>,<ul>这些都是块级。

4.块级元素会影响页面的布局

行内元素：

1.不独立程航，可以横向布局

2.不会占据矩形区域，它只是用来修饰段落中的某几个字的。

3.<span>,<i>,<u>...

4.行内元素不会影响页面布局

行内元素

在<p></p>中如果写style会改变整个段落，那么可以在里面<span>写span的style来针对几个字的改。

如：

<p>asdasdsada<span style="color:\#F00">qweqwe</span></p>

<i>，<em> 元素用来让文字倾斜

<p><i>asdasdsada</i><span style="color:\#F00"><em>qweqweqwe</em></span></p>

<b>，<strong> 用来让文字加粗。

<del>元素用来定义带删除线的位置

qwe 上面一个横线，删除的。

<u> 是用来定义下划线的。

空格折叠：默认情况下，HTML中多个空格，多个制表符TAB，多个换行符会压缩成单个空格，即只显示一个空格。

可以用<br >

br 是换行符，其他的空格要用

就是说用一些转义。

如

注册商标： ®

小于号 < <

大于号 > >

等等。。。。

图像元素（是个单标记）

<img>元素将图像添加到页面

必须属性：src 设置图片存储的位置。

常用属性：width、height

相对路径  ../是向上加一级

超链接元素

\_blank，打开新窗口，\_self 是在当前窗口打开。

</a>

锚点

锚点是文档中某行的一个记号

用于连接到文档中的某个位置

定义锚点：

链接锚点

定义锚点在想要回到的地方，比如在网上看到的回到顶部，然后在网页下面定义个链接锚点，点击就回去了。

顶部的锚点是默认的，写链接锚点的时候如果href=”\#”就是回到顶部；

表格

用table画一个大框框

用tr 画行

用td 画列

但是默认情况下，表格的边线看不见；可以给table统一设置边线，设置后，可以看见table和td的边线。

也就是默认空空的，只有表格中的内容。

border是边线

可以直接在table中写

border=”1px”

就有外面和里面的边框了。

设置表格的大小就用width和height来设置。

<table>的常用属性

border 边线

alige 文本是否居中

cellpading:单元格边框与内容之间的间距

cellspacing:单元格之间的间距

<tr>元素

align/valign

<td>元素

align/valign/width/height

重点：colspan/rowspan

跨行属性

跨行：rowspan

有的时候希望某个表格中的一个列占据两行。

使用rowspan

同样跨列类似。

用clospan来跨列

既然要占据别的行或者占据别的列，那么就要那个被占据的地方不能有行或者列，也就是要删除，或者不写，释放那个位置。

在td里写 rowspan=”2” 就会跨两行了。在列td里写rowspan跨行，

在行tr中写clospan=”2”就是跨两个列。

HTML基础复习笔记

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Java基础之复习笔记(上）

相关一分钟复习完HTML基础知识

相关复习：链表面试基础笔记

相关 Java基础复习笔记（1）

相关 MySQL复习笔记(01)：SQL基础

相关 CSS基础复习笔记

相关 html 基础学习笔记

相关 HTML基础复习（续）

相关 HTML基础复习笔记

相关 HTML 基础复习代码（供自己复习使用）