随笔1、HTML基础

﹏ヽ暗。殇╰゛Y 2024-04-17 14:18 70阅读 0赞

### 随笔1 ###

> ##### 1.1、什么是网页 #####
> 
> 我们打开浏览器访问的一切，都由网页构成，简单的说，网页就是html

> ##### 1.2、HTML概念 #####
> 
> 1.2.1:超文本标记语言(Htper Text Markup Language),标准通用标记语言下的一个应用。HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。

> ##### 1.3、主体结构 #####
> 
> **文档声明头**：`<!DOCTYPE html>` \--> html5文档声明头，告诉浏览器当前的网页语法为html5  
> **网页标签**:`<html></html>` \-->网页的所有内容都是在这组标签中  
> **网页头部标签**:`<head></head>` ：  
> \----> 网页的预定义信息都写在这组标签中  
> \----> `<meta charset="uft-8">` ：给网页设置字符集编码  
> \----> `<title>网页标题</title>` ：网页标题  
> **网页内容标签**：`<body></body>` \-->展示给用户看的内容都希望在body标签中

> ##### 1.4、常用标签 #####
> 
> ###### 1.4.1、功能型标签 ######
> 
>  *  ###### 列表： ######
> 
> **有序列表：`<ol><li></li></ol>`**
> 
> 1.  数字排序：1
> 2.  字母排序：a/A
> 3.  罗马字母排序：i/I
> 
> **无序列表：`<ul><li></li></ul>`**
> 
> 1.  实心圆：disc
> 2.  空心圆：circle
> 3.  实心方块：square
> 
>  *  ###### 图片`<img src="">` ######
> 
> 1.  src属性
> 2.  绝对路径：完整地址
> 3.  相对路径：相对于当前需要图片的html文件位置来讲
> 4.  width/height属性：图片宽高，只设置一个为等比例 缩放
> 5.  alt属性
> 
>  *  ###### 超链接`<a href=""></a>` ######
> 
> 1.  href:链接地址
> 2.  title属性

>  *  ###### div标签和span标签 ######
> 
> 1.  div：主要用来网页切割，方便进行网页开发
> 2.  span通常用来存放普通的文本内容
> 
>  *  ###### 表格 ######
> 
> 1.  table标签基础属性  
>     border：边框  
>     width/height：宽高
> 2.  行：`<tr></tr>`
> 3.  单元格`<td></td>`  
>     基本属性：  
>     alige：left/right/center 文字对齐方式  
>     colspan：规定单元格可横跨的列数  
>     rowspan：规定单元格可横跨的行数
> 4.  表格中标题：`<th></th>`
> 5.  单元格与单元格间距：cellspacing
> 6.  单元格与内容间距 ：cellpadding
> 
> ###### 1.4.2、辅助型标签 ######
> 
> 1.  标题标签：h1-h6
> 2.  段落标签：p
> 3.  水平线：hr \[单标签\]
> 4.  删除线：del
> 5.  倾斜强调：em
> 6.  加粗强调：srtong
> 7.  斜体文本：i
> 8.  预格式文本：pre：
> 9.  换行：br \[单标签\]