初学HTML笔记

一、HTML

1.HTML全名为:HyperText Markup Language   它是一种超文本语言(“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素)。

2.web(World Wide Web)即全球广域网,也称为万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。

3.HTML的结构:包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

4.HTML不是编程语言,而是描述语言,用于描述显示方式。比如颜色、大小、图片显示尺寸和位置。它的特点是简单灵活、可扩展、与平台无关。

HTML相关软件有:sublimin vscode hbvoder webstorm textmcote nuclicle。

二、标签

1.结构<标签 属性=“名称”>

2.HTML程序

<!DOCTYPE html>                                                                              (文档类型)

<html lang="en">                                                                              (网页的开始)

<head>                                                                                              (头)

          <meta charsset="UTF-8">                                                       (当前文档的字符集)

          <title>--------</title>                                                                  (网页标题)

</head>                                                                                         

<body>                                                                                                (内容)
 

<body>                                                                                                

</html>                                                                                                (网页的结束)

(常用的字符集:UTF-8 GB2312 GBK GB18030 ASCII ANSI UNICODE)

3.常用标签

b/strong--------加粗

i/en--------------斜体

u-----------------下划线

del--------------删除线

p----------------段落标签

sub/sup-------上角标/下角标

            2<sup>x</sup>

pre-------------原标输出文本                                                       (修饰文本)

span-----------标准行内标签(只有铺满一行才换行)               (修饰文本)

hn--------------标题标签

           <hi align="center">标题</h1>

div-------------盒子,自动换行(用于布局)

br--------------换行

hr--------------水平分割线

<!--.....-->----注释

4.属性

width---------长短

size----------粗细

align--------文本对齐方式

centen left right

action------页面跳跃

分为相对路径和绝对路径

相对路径:如果目标文件在HTML文件的下一级,则在文件名前加(../)如果上两级就加(../../)以此类推。

绝对路径:直接将文件的位置找到,必须从盘符开始。

<form action="------" name="------" method"------">tio

action路径

name名字

method请求跳转方式(post/get)

post与get:post相对于get更安全。get和post本质上就是TCF链接,并无差异,但get只产生一个TCP数据包,而post产生两个数据包,get请求时浏览器直接将http header和date一并发送服务器响应200,而post则是将header先发送,服务器响应100 continue,浏览器再将date发送,服务器响应200。

5.颜色表示方法:英文单词

                            三原色

                            #0-F

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值