HTML基础

1.网站的建站流程

注册域名(IP地址)–> 租用空间(服务器)–> 网站建设(1.确定网站主题 2.搜集资料 3.规划网站 4.制作网页)–> 网站推广 -->网站维护

2.部门

产品–> UI–> 前端–> 后端(PHP\JAVA\Python\node)–> 测试

3.网页的组成

(1)网页的结构:图片、文字、线条、视频、超链接等–> HTML
(2)网页的表现:网页的样式(美观)–> CSS
(3)网页的行为:人机交互–> JavaScript

4.WEB标准

WEB标准是网页制作的标准,是一个集合体,是一系列标准的集合,由W3C(World Wide Web Consorttium万维网联盟)和ECMA(欧洲电脑网商联合会)组织颁发

5.计算机语言的发展

机器语言–>汇编语言–>高级语言

6.HTML

HTML:超文本标记语言(Hyper Text Markup Language)
XHTML可扩展的超文本标记语言((EXtensible HyperText Markup Language) 【语法更加严格】
HTML5 : 第5次重大修改

7.vscode使用:

1:汉化:左侧扩展按钮:搜索chinese
2: 再浏览器打开html文件    搜索open in  browser

html的后缀名: .html / .htm

8.站点的创建:(整合网站资源)

(1)在本地创建一个文件夹即可

(2)文件夹命名:

    a:小写英文字母、数字、下划线的组合
    b:不得包含汉字、空格等特殊字符
    c:英文字母开头

9.前端环境

1:dev环境:开发环境:外部用户是无法访问,里面的版本跟新变动较大。
2:pro环境:生产环境:面向用户,连接上网络,用户可以正常访问。
3:test环境:测试环境:外部用户无法访问,对内开发,版本比较稳定。

10.前端工程化搭建环境:

-| site
- | src
-| html
-| css
-| js
-| js
-| lib
-| plug
- | dist

11.html语言的注释:

在这里插入图片描述

12.HTML语言

- HTML语言组成
  • 标签:写在尖角号<>里的第一个单词,叫做标记,也叫做标签,也称作元素;

  • 属性: 写在尖角号<>里的第一个单词,叫做标记,也叫做标签,也称作元素;

- HTML语法
  • 常规标记(双标记):
    <标记名称 属性1名=“属性1值” 属性2名=“属性2值” ………… ></标记名>
  • 空标记(单标记):<标记名 属性1名=“属性1值” />

13.常用标签

  1. 文本标题标签
    在这里插入图片描述
  2. 字体加粗
    在这里插入图片描述
  3. 字体倾斜
    请添加图片描述
  4. 下划线标准
    在这里插入图片描述
  5. 换行符&水平线
    在这里插入图片描述
  6. 上标与下标
    在这里插入图片描述
  7. 字符标准(表示一个字符或一段文本)
    在这里插入图片描述
  8. 段落标签(不能嵌套h1-h6)
    在这里插入图片描述
  9. 常用转义符
    在这里插入图片描述
  10. div:划分网页区域,每个div是一个板块

14.列表

  1. 无序列表
    在这里插入图片描述

  2. 有序列表
    在这里插入图片描述在这里插入图片描述

  3. 自定义列表

在这里插入图片描述

15.超链接

在这里插入图片描述

16.图片

在这里插入图片描述## 图片title和alt的区别
在这里插入图片描述

17.相对路径

在这里插入图片描述

18.表格

  1. 表格的基本结构
    在这里插入图片描述
  2. 数据行分组
    在这里插入图片描述
    3.数据列分组
    在这里插入图片描述
  3. 列标题
    在这里插入图片描述
  4. 表格标题
    在这里插入图片描述
  5. 表格的html属性
    在这里插入图片描述

19.表单

  1. 表单标签
    在这里插入图片描述
  2. 表单控件
    在这里插入图片描述在这里插入图片描述
  3. 表单标签
    在这里插入图片描述

20.POST/GET区别

  1. 传送方式:get通过地址栏传输,post通过报文传输。
  2. 传送长度:get参数有长度限制(受限于url长度),而post无限制
  3. 从请求参数形式上看,GET请求的数据会附在URL之后,即将请求数据放置在HTTP报文的 请求头 中,以?分割URL和传输数据,参数之间以&相连。特别地,如果数据是英文字母/数字,原样发送;否则,会将其编码为 application/x-www-form-urlencoded MIME 字符串(如果是空格,转换为+,如果是中文/其他字符,则直接把字符串用BASE64加密,得出如:%E4%BD%A0%E5%A5%BD,其中%XX中的XX为该符号以16进制表示的ASCII);而POST请求会把提交的数据则放置在是HTTP请求报文的 请求体中。
  4. 就安全性而言,POST的安全性要比GET的安全性高,因为GET请求提交的数据将明文出现在URL上,而且POST请求参数则被包装到请求体中,相对更安全。
  5. 从REST服务角度上说,GET是幂等的,即读取同一个资源,总是得到相同的数据,而POST不是幂等的,因为每次请求对资源的改变并不是相同的;进一步地,GET不会改变服务器上的资源,而POST会对服务器资源进行改变

PS:如果想获取更多的知识视频,加QQ好友10398975免费送给大家

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值