发表于： 2021-04-17 22:24:52
1 1045
1.HTML的基础语法
1.标记语法：html中用于描述功能的符号称为“标记”标记在使用时，用“<>”，标记的分类
1.封闭类型的标记：也称为“双标记”，必须成对出现
语法：<标记>内容</标记>
2.非封闭类型的标记：也称为“单标记”
语法：<标记>或者<标记/>
2.标记的嵌套：在一对标记中允许出现另一对标记
3.标记的属性：用来修饰标记的效果内容，就是属性
语法：属性必须声明在开始标记中；属性与标记名称之间，用空格隔开；属性的值与属性之间用等号连接；一个元素允许有多属性，多属性间排名不分先后，中间用空格隔开即可。
四大标准属性： 1.id：定义元素在页面中独一无二的标识；
2.title：鼠标悬停在元素上时体现的文字；
3.class 引用类选择器时使用（CSS）
4.style：定义内联凡是使用（CSS）
注释：<!-- --> 注意：注释不能被嵌套，注释不能出现在标记里
开发&运行网页的工具：1、VScode 2、浏览器
2.HTML文档结构
1.文档类型声明：告知浏览器当前的HTML文档用的是哪个版本在网页的最顶端<!doctype html>
2.由一对html根标记，来表示页面的开始与结束
3.文本
1.特殊文本的实现：页面的空格以及一些特殊字符需要通过转义字符的方式体现
1. ；表示一个空格
2.<；表示< >；表示>
3.©；表示©
2.文本样式相关的标记
<b>：加粗
<i>：斜体
<u>：下划线
<s>：删除线
<sup>：上标
<sub>：下标
3.标题元素（以醒目方式表现出文本）
<h1>~<h6>
属性：1.align：文本水平对齐方式 取值：left，center，right
4.段落元素
<p>
属性：1.align：文本水平对齐方式 取值：left，center，right
5.换行元素：
<br>
6.分割线：
<hr>
属性：1.size 单位px 2.width：px % 3.align 4.color
7.预格式化<pre>保留文本中的回车和空格
8.分区元素： 1.块分区元素<div>
2.行内分区元素<span>
9.行内元素与块级元素
按照元素的表现形式来分类，分为行内元素和块内元素
1. 行内元素
在一行内允许显示多个元素的，称为“行内元素”
Span,I,b,s,u,sup,sub
作用：包裹文本，并处理文本的表现形式
2. 块级元素
每个元素独占一行显示的，称为“块级元素”
Div,p,h1~h6
注意：1.p标记不能嵌套其他的块级元素
2.行内元素中最好不要嵌套块级元素
1. 图像和链接
1. URL 目录结构：目录，保存文件的文件夹名称，多个文件夹之间的关系，就是文件结构
绝对路径：从文件所在的最高级目录处开始查找资源文件所经过的路径，就是绝对路径（访问互联网上的资源）
相对路径：使用本机文件时，从当前文件位置处开始查找资源文件所经过的路径就是相对路径
根相对路径：
2.图片元素<img> 属性：必须属性：src 常用属性：width、height、title
注：如果只改变宽或高一项，另一项也会等比缩放
3.链接元素<a> 属性：
href：链接URL
target：目标，可取值_blank、_self（默认） 指定新网页的打开形式
name ： 锚点名称
电子邮件连接：<a href=”mailto:weechern@163.com”></a>
返回页面顶部：<a href=”#”></a>
执行JavaScript代码片段：<a href=“JavaScript：脚本代码”></a>
锚点：用于在网页中的某个位置处做个记号，允许从其他位置跳转到该位置
其它元素的id也可作为锚点
使用方式：1.定义锚点
<a name="a1">锚点一</a>
2.链接到锚点
<a href="#a1">...</a>
<a href="页面URL#a1">...</a>
4. 表格
定义表格：<table></table>
创建表行：<tr></tr>
创建单元格：<td></td>
语法： <table>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
表格的常用属性
<table>: width 宽度
height 高度
align 对齐方式
border 边框宽度
cellpadding 内边距
cellspacing 外边距
bgcolor 表格背景颜色
<tr>表示表格中的一行:
align 水平对齐方式
valign 垂直对齐方式
<td>表示表格中的一格:
align 水平对齐
Valign 垂直对齐
Width
Height
Colspan 设置单元格跨列
Rowspan 设置单元格跨行
<th>行列的标题与<td>相似，但字体会突显加粗水平居中
<caption>表格的标题：在<table>之下<tr>之上
表格的复杂应用
表格可以划分为3个部分：表头、表主体和表尾
表头行分组：<thead></thead>
表头主体行分组：<tbody></tbody>
表尾行分组：<tfoot></tfoot>
__________________________________________
这是我之前的学习笔记，发上来方便复习
返回列表
评论