html基础

最新推荐文章于 2024-05-22 14:25:31 发布

SuperX轩

最新推荐文章于 2024-05-22 14:25:31 发布

阅读量194

点赞数

文章标签： html

本文链接：https://blog.csdn.net/SuperX1105/article/details/103289853

版权

1.html概念
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
2.html结构

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>这是网页标题</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>

3.html标签
HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
4.html标题
从h1到h6共六级
例：<h1>这是一级标题</h1>
5.html段落

<p>这是一个段落</p>
<p>这是又一个段落</p>
<br>插入单个折行（换行）
<hr>分割线

6.html链接

<a href="https://www.baidu.com">点击进入百度</a>

属性：
1.href：加入URL。
2.target：
_blank：在新窗口中打开被链接文档。
_self：默认值，在自身原来窗口打开被链接文档。
7.html图像

<img src="image.jpg" width="100" height="100">

属性：
1.alt：规定图像的替代文本。
2.height：规定图像高度。
3.width：规定图像宽度。
4.src：规定图像显示的URL。可以是在线图片，绝对路径或相对路径。
8.html注释

<!--这里是注释内容-->

9.绝对路径和相对路径
绝对路径：是从盘符开始的路径，如D:\XXX\XXX\example.jpg。
相对路径：是从当前路径开始的路径，假如当前路径为D:\abc\example.html，在其本级目录efg文件夹内有张图片引入(D:\abc\efg\test.jpg)，可引入其相对路径/efg/test.jpg。
注：/ ：表示根目录
　　./ ：表示当前目录
　　…/ : 表示上一级目录(…/…/上二级)
10.html头部

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<meta charset="utf-8">
<title>文档标题</title>
</head>

1.<link> 标签定义了文档与外部资源之间的关系。
<link> 标签通常用于链接到样式表。
2.<meta> 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。
META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。
为搜索引擎定义关键词:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

为网页定义描述内容:

<meta name="description" content="免费 Web & 编程 教程">

定义网页作者:

<meta name="author" content="Runoob">

每30秒钟刷新当前页面:

<meta http-equiv="refresh" content="30">

11.html <div> 元素

<div> 元素是块级元素，它可用于组合其他 HTML 元素的容器。

<div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。

如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。

<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。

12.html <span> 元素

<span> 元素是内联元素，可用作文本的容器

<span> 元素也没有特定的含义。

当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。

13.html列表

1.无序列表
无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
无序列表使用 <ul> 标签

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

效果如下:

Coffee
Milk

2.有序列表

同样，有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
列表项使用数字来标记。

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

效果如下:

Coffee
Milk

3.自定义列表

自定义列表不仅仅是一列项目，而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

效果如下:

Coffee

- black hot drink

Milk

- white cold drink

14.get请求和post请求的区别

get和post是http与服务器交互的一种方式.
一共有四种方式： put、delete、 post、get、他们对应增删改查；
区别
1.get把请求的数据放在url上，即HTTP协议头上，其格式为：
以?分割URL和传输数据key=value的形式，用&连接参数
如果是空格，转换为+，
post把数据放在HTTP的包体内（requrest body）
2.GET 用于获取信息，是无副作用的且幂等的，且可缓存
POST 用于修改服务器上的数据，有副作用，非幂等，不可缓存
3.get提交的数据最大是2k
post理论上没有限制。实际上IIS4中最大量为80KB，IIS5中为100KB。
4.安全性
post的安全性比get的安全性高
GET在浏览器回退时是无害的，POST会再次提交请求。
GET产生的URL地址可以被Bookmark，而POST不可以。
GET请求会被浏览器主动cache，而POST不会，除非手动设置。
GET请求只能进行url编码，而POST支持多种编码方式。
GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。
GET只接受ASCII字符的参数的数据类型，而POST没有限制

SuperX轩

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html基础

1.html概念超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。2.html结构<!DOCTYPE html><html><head><meta charset="utf-8"><title>这是网页标题</title></he...
复制链接

扫一扫