HTML学习 第一部分(前端学习)

这篇具有很好参考价值的文章主要介绍了HTML学习 第一部分(前端学习)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

参考学习网站:

网页简介 (w3schools.com)

我的学习思路是:网站+实践+视频。

视频很重要的,因为它会给你一种开阔思路的方式。你会想,噢!原来还可以这样。这是书本或者网站教程 所不能教给你的。而且,对一些教程,它的用法你可能 在工作或者以后都用不上,这种情况下,看视频也是一种很好的解决方式。

比较跟网址或者书本学习,以及和跟视频学习的比较:

前期过基础,建议跟网站或者app,这些现在的网址或者app 已经开发的比较发达全面了,以后也会更新更好用的。但是,如果难度变大,要从基础之上去提升。这个时候,我的建议是去看视频。视频,听别人讲一遍,跟着别人的思路去思考,可以扩展你的思维,提高你的视界,并提高你学习难关时的效率。

一、什么是HTML?

  • HTML 代表 超文本标记语言
  • HTML 是用于创建网页的标准标记语言
  • HTML 描述网页的结构
  • HTML 由一系列元素组成
  • HTML 元素告诉浏览器如何显示内容
  • HTML 元素标记内容片段,例如“这是一个标题”、“这个 是一个段落“,”这是一个链接“等。

二、基本概要

网页文档

所有 HTML 文档都必须以文档类型声明 : 开头。<!DOCTYPE html>

HTML 文档本身以 开头和结尾。<html></html>

HTML 文档的可见部分位于 和 之间。<body></body>

声明表示文档类型,并帮助浏览器正确显示网页。<!DOCTYPE>

它只能出现在页面顶部(在任何 HTML 标记之前)一次。

声明不区分大小写。<!DOCTYPE>

HTML 标题是使用 to 标记定义的。<h1><h6>

<h1>定义最重要的标题。 定义最不重要的 标题:<h6>

HTML 段落使用标记定义:<p>

HTML 链接使用标记定义:<a>

HTML 图像是使用标记定义的。<img>

HTML 元素

HTML 元素是从开始标记到结束标记的所有内容:

<标签名称>内容在这里...</标签名称>

一些 HTML 元素的示例:

<H1>我 第一个标题</h1>
<p>我的第一段。</p>

注意:有些HTML元素没有内容(如<br> 元素)。这些元素称为空元素。空元素没有结束标签!

HTML 标记不区分大小写

二、(2.5)网页属性

  • 所有 HTML 元素都可以具有属性
  • 属性提供有关元素的其他信息
  • 属性始终在开始标记中指定
  • 属性通常以名称/值对的形式出现,例如:name=“value”
src 属性

该标记用于嵌入 HTML 页面中的图像。属性 指定要显示的图像的路径:<img>src

有两种方法可以在属性中指定 URL:src

绝对网站:不好。(使用别人的网址图片的地址)

相对网址:使用这个,(相当于下载在本地的文件里面)

宽度和高度属性:

标记还应包含 和 属性,这些属性指定宽度和 图像的高度(以像素为单位):<img>width height

alt 属性:

标记的必需属性指定 图像的替换文本(如果由于某种原因无法显示图像)。 这可能是由于 连接速度慢、属性错误或用户使用屏幕 读者。<img src=“” alt=“”>

样式属性(后续会讲更多)

该属性用于将样式添加到 元素,例如颜色、字体、大小等。style

朗属性

应始终包含属性 在标记内,声明 网页的语言。这是为了帮助搜索引擎和浏览器。lang<html>

例如:<html lang="en">   表示指定英语作为语言。

改进方法:<html lang="en-US">

国家/地区代码也可以添加到属性中的语言代码中。因此,前两个字符定义了 HTML 页面的语言, 最后两个字符定义国家/地区。

标题属性 (这个有意思捏)

该属性定义了一些额外的 有关 元素。title

标题属性的值将显示为工具提示,当 将鼠标悬停在元素上:

例如:<p title="你是我的狗">这是一个段落</p>

注意:引号的选择,当属性值本身包含双引号时,必须使用单引号。反之是同样的。

三、基本结构和用法

更大的标题:

每个 HTML 标题都有一个默认大小。但是,您可以指定任何标题的大小 与属性一起使用,使用 CSS 属性:style  font-size(这个是字体大小的方法。)

例如:<h1 style="font-size:60px;">Heading 1</h1>

网页段落

HTML 元素定义一个段落。<p>

段落总是从新行开始,浏览器会自动在段落前后添加一些空格(边距)。

该标记定义了 HTML 页面中的主题分隔符,并且通常是 显示为水平线<hr>

该元素用于分隔 HTML 中的内容(或定义更改) 页:<hr>

HTML 元素定义换行符<br>

HTML 元素定义预先格式化的文本。<pre>

元素内的文本以固定宽度的字体显示(通常 Courier),它保留了空格和换行符:<pre>

HTML学习 第一部分(前端学习),学习

网页样式

HTML 属性用于向元素添加样式,例如颜色、字体、大小等。style

例如:

<tagname style="property:value;">

属性是一个 CSS 属性。该是 CSS 值。  (css样式后续要专门学一下)

CSS 属性定义背景色 的 HTML 元素。background-color

例如:<body style="background-color:powderblue;">

它还可以为不同的标签元素的背景设置颜色:<p style="background-color:tomato;">This is a paragraph.</p>HTML学习 第一部分(前端学习),学习

CSS 属性定义 一个 HTML 元素(文本颜色)color

例如:<h1 style="color:blue;">This is a heading</h1>

CSS 属性定义要使用的字体 对于 HTML 元素(字体选择)font-family

例如:<h1 style="font-family:verdana;">This is a heading</h1>

CSS 属性定义 一个 HTML 元素(字体大小)font-size

例如:<h1 style="font-size:300%;">This is a heading</h1>

CSS 属性定义 HTML 元素的水平文本对齐方式:text-align

例如:<h1 style="text-align:center;">Centered Heading</h1>

HTML学习 第一部分(前端学习),学习

HTML 文本格式

HTML 包含几个用于定义具有特殊含义的文本的元素。

格式元素旨在显示特殊类型的文本:

  • <b>- 粗体文本
  • <strong>- 重要文本
  • <i>- 斜体文字
  • <em>- 强调文字
  • <mark>- 标记文本
  • <small>- 较小的文本
  • <del>- 删除文本
  • <ins>- 插入文本
  • <sub>- 下标文本
  • <sup>- 上标文本

引用和引文元素

介绍,, , , , 和 HTML 元素。<blockquote><q><abbr><address><cite><bdo>

 <块引用> <blockquote>

HTML 元素定义了一个部分 引用自其他来源。quote><block

浏览器通常会缩进元素<blockquote>

HTML 标记定义一个简短的引号<q>

<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>

<缩写> 用于缩写<abbr>(这个有意思捏)  

HTML 标记定义缩写或首字母缩略词,如“HTML”, “CSS”, “先生”, “博士”,“尽快”,“自动取款机”。<abbr>

标记缩写可以为浏览器提供有用的信息,翻译 系统和搜索引擎。

提示:使用全局标题属性可以 显示 的描述 将鼠标悬停在元素上的缩写/首字母缩略词。

HTML 标记定义文档作者/所有者的联系信息 或一篇文章(以斜体呈现<address>

HTML 标记定义 创意作品(例如一本书、一首诗、一首歌、一部电影、一幅画、一件雕塑等)。<cite>

注意:一个人的名字不是作品的标题。

元素中的文本通常斜体呈现<cite>

<bdo> 用于双向覆盖

BDO 代表 双向覆盖。

HTML 标记用于覆盖 当前文本方向:<bdo> <dir="rtl">表示反向输出信息。

用法:<bdo dir="rtl">This line will be written from right to left</bdo>

HTML学习 第一部分(前端学习),学习

隐藏内容

注释可用于隐藏内容。

如果您暂时隐藏内容,这会很有帮助:
<!-- <p>This is another paragraph </p> -->

网页颜色

HTML 颜色使用预定义的颜色名称指定,或使用 RGB、HEX、HSL、RGBA 或 HSLA 值。

前面已经介绍了 网页的背景颜色、字体颜色。

边框颜色

您可以设置边框的颜色:

例如:<h1 style="border:2px solid Tomato;">Hello World</h1>

HTML学习 第一部分(前端学习),学习

RGB 颜色值表示红色、绿色和蓝色光 来源。

RGBA 颜色值是 RGB 的扩展,具有 Alpha channel(不透明度)。

HTML学习 第一部分(前端学习),学习

选择合适的颜色:

随便在网上,选择一个RGB颜色选择。

灰色阴影

灰色阴影通常使用所有三个参数的相等值来定义:

RGBA 颜色值

RGBA 颜色值是具有 Alpha 通道的 RGB 颜色值的扩展 - 指定颜色的不透明度。

RGBA 颜色值为 指定为:

RGBA(红、绿蓝、 阿尔法)

十六进制颜色值

在 HTML 中,可以使用十六进制值指定颜色 形式:

#rrggbb

其中 rr(红色)、gg(绿色)和 bb(蓝色)是介于 00 和 ff 之间的十六进制值(与十进制 0-255 相同)。

它的用法和RGB的用法是一样的,阴影部分也是通过三个颜色一样的值。

HSL和HSLA颜色

HSL 代表色调、饱和度和亮度。

HSLA 颜色值是具有 Alpha 通道的 HSL 的扩展 (不透明度)。

HSL(色相饱和度亮度))

色相是色轮上的度数,从 0 到 360。0 为红色,120 为绿色,240 为蓝色。

饱和度是一个百分比值。0% 表示灰色阴影,100% 表示全色。

亮度也是一个百分比值。0% 为黑色,100% 为白色。

灰色阴影通常通过将色调和饱和度设置为 0 来定义,并且 将亮度从 0% 调整到 100% 以获得更深/更亮的阴影:

HTML 样式 - CSS (分为style 和 link)

CSS 代表 层叠样式表。

CSS节省了大量的工作。它可以控制多个布局 一次全部网页。

什么是 CSS?

级联样式表 (CSS) 用于设置网页布局的格式。

使用CSS,您可以控制颜色,字体,文本大小,间距 元素之间,元素如何定位和布局,背景 使用图像或背景颜色,不同设备的不同显示 和屏幕尺寸,还有更多!

提示:层叠一词意味着样式 应用于父元素也将应用于 父母。因此,如果您将正文文本的颜色设置为“蓝色”,则所有标题, 段落和正文中的其他文本元素也将获得相同的颜色(除非您指定 别的东西)!

使用CSS

可以通过 3 种方式将 CSS 添加到 HTML 文档中:

  • 内联 - 通过使用 HTML 元素中的属性style
  • 内部 - 通过使用部分中的元素<style><head>
  • 外部 - 通过使用元素链接到外部 CSS 文件<link>

添加 CSS 的最常见方法是将样式保留在外部 CSS 中 文件。但是,在本教程中,我们将使用内联和内部样式,因为这更容易 演示,并且更容易让您自己尝试。

内联 CSS 使用 HTML 元素的属性(应用于单个 HTML 元素)。style

例如:<h1 style="color:blue;">A Blue Heading</h1>

内部 CSS 在 HTML 页面的部分中定义,(应用于某个标签所有元素)。<head><style>

例如:

<head>
    <style>
                body {background-color: powderblue;}
                h1   {color: blue;}
                p    {color: red;}
    </style>
</head>

外部CSS样式表,请在每个 HTML 页的部分中添加指向该样式表的链接:<head>

例如:
<head>
           <link rel="stylesheet" href="styles.css">        //指向样式文件。
</head>

“样式.css”:

body {
  background-color: powderblue;
}
h1 {
  color: blue;
}
p {
  color: red;
}

CSS 边框

CSS 属性定义边框 在 HTML 元素周围。border

CSS 填充(文本和边框的距离)

CSS 属性定义填充 (空格)在文本和边框之间。padding

CSS 边距(边框和外界的距离)

CSS 属性定义边距 (空格)在边界之外。margin

HTML学习 第一部分(前端学习),学习

HTML学习 第一部分(前端学习),学习

HTML 链接 - 语法

HTML 标记定义超链接。 它具有以下语法:<a>

目标属性

默认情况下,链接的页面将显示在当前浏览器窗口中。 若要更改此设置,必须为链接指定另一个目标。

该属性指定打开链接文档的位置。target

该属性可以具有以下值之一:target

  • _self-违约。在 中打开文档 单击时相同的窗口/选项卡
  • _blank- 在新窗口或选项卡中打开文档  (最常用的)
  • _parent- 在父框架中打开文档
  • _top- 在窗口的整个正文中打开文档

使用 target=“_blank” 在新的浏览器窗口或选项卡中打开链接的文档:

<a href="https://www.w3schools.com/" target="_blank">Visit W3Schools!</a>

使用图像作为链接

要将图片用作链接,只需将标签放在标签内:<img><a>

链接到电子邮件地址

在属性中使用以创建打开用户电子邮件程序的链接 (到 让他们发送一封新电子邮件): mailto: href

<a href="mailto:someone@example.com">Send email</a>

按钮作为链接

要使用HTML按钮作为链接,您必须添加一些JavaScript代码。

JavaScript 允许您指定在某些事件中发生的情况,例如单击按钮:

<button οnclick="document.location='default.asp'">HTML Tutorial</button>

HTML学习 第一部分(前端学习),学习

HTML 链接 - 不同的颜色(改变链接的样式)

HTML 链接以不同的颜色显示,具体取决于 它是否已访问、未访问或处于活动状态。

默认情况下,链接将显示如下(在所有浏览器中):

  • 未访问的链接带有下划线和蓝色
  • 访问过的链接带有下划线和紫色
  • 活动链接带有下划线和红色

您可以使用 CSS 更改链接状态颜色:

例    (这个需要记一下,a:link(未访问)、a:visited(访问过之后)、a:hover(鼠标悬停)、a:active(活动链接) )

在这里,未访问的链接将为绿色,没有下划线。访问过的链接 将为粉红色,不带下划线。活动链接将为黄色并带有下划线。 此外,当鼠标悬停在链接上(a:hover)时,它将变为红色并带有下划线:

<style>
a:link {
  color: green;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: pink;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}

a:active {       //感觉这个活动链接 没有什么用!!!
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}
</style>

完整的例子:

<!DOCTYPE html>
<html>
<head>
<style>
a:link {
  color: green;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: pink;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}
a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}
</style>
</head>
<body>

<h2>Link Colors</h2>

<p>You can change the default colors of links</p>

<a href="html_images.asp" target="_blank">HTML Images</a> 

</body>
</html>

链接按钮:(就是使用一些样式,不是使用vant组件的按钮方式,之后会学这个的)

也可以通过使用 CSS 将链接样式设置为按钮:

<style>
a:link, a:visited {
  background-color: #f44336;
  color: white;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: red;
}
</style>

HTML 链接 - 创建书签(有意思捏)

HTML链接可用于创建书签,以便读者可以 跳转到网页的特定部分。

如果网页很长,书签可能很有用。

要创建书签 - 首先创建书签,然后添加链接 到它。

单击链接时,页面将向下或向上滚动到带有 书签。

例如:

首先,使用该属性创建一个 书签:id

<h2 id="C4">Chapter 4</h2>

然后,从同一页面中添加指向书签的链接(“跳转到第 4 章”):

<a href="#C4">Jump to Chapter 4</a>

当点击chapter 4,它会跳转到Jump to Chapter 4。

 图像语法

HTML 标记用于嵌入 网页中的图像。<img>

标签有两个必需项 属性:<img>

  • src - 指定映像的路径
  • alt - 指定图像的替换文本

宽度和高度

您可以使用该属性指定宽度和 图像的高度。style

style="width:500px;height:600px;">

注意区分一下,样式表的使用方式 和 宽度高度的使用差别(其实就是 内联css 和外联css的区别)

HTML学习 第一部分(前端学习),学习

 HTML学习 第一部分(前端学习),学习

要将图片用作链接,请将标签放在标签内:<img><a>

图像浮动

使用 CSS 属性让图像浮动到文本的右侧或左侧:float

例如:<p><img src="smiley.gif" alt="Smiley face" style="float:right; width:42px;height:42px;">
The image will float to the right of the text.</p>

HTML学习 第一部分(前端学习),学习

图像映射

HTML 标记定义图像映射。图像映射是具有 可点击区域。区域由一个或多个标签定义。<map><area>

使用标记插入图像。 与其他图像的唯一区别是您必须 添加属性:<img>usemap

<img src="workplace.jpg" alt="Workplace" usemap="#workmap">

该值以哈希标记开头,后跟图像映射的名称,用于创建关系 在图像和图像映射之间。usemap#

提示:您可以将任何图像用作图像映射!

HTML学习 第一部分(前端学习),学习

步骤:

1.创建图像映射  (首先使用标记插入图像img src='',然后在是创建图像映射。)

<map name=" ">

然后,添加一个元素。<map>

该元素用于创建图像映射,并使用 必需属性:<map name="workmap">

<map name="workmap">

该属性的值必须与 的属性相同。<img usemap=“#workmap”>

2.创建领域

然后,添加可单击区域。

可单击区域是使用元素定义的。<area>

形状

您必须定义可单击区域的形状,并且可以选择其中之一 值:

  • rect- 定义一个矩形区域
  • circle- 定义一个圆形区域
  • poly- 定义多边形区域
  • default- 定义整个区域

您还必须定义一些坐标才能将可单击区域放置在 图像

形状=“矩形”

的坐标成对出现,一个用于 x 轴,一个用于 y 轴。shape="rect"

HTML学习 第一部分(前端学习),学习

坐标位于 270 左边距像素和顶部 350 像素:270,350

HTML学习 第一部分(前端学习),学习

得到画出矩形的范围:

<area shape="rect" coords="34, 44, 270, 350" href="computer.htm">

怎么得出一个页面的x和y的位置呢?

参考文章:

怎么才能看到自己鼠标在桌面上的位置X Y_百度知道 (baidu.com)

用qq也可以,其实,就是使用屏幕截图的方式,然后它会出现,你截屏的页面大小,然后那个大小,如果你是从左上开始的,那么它的终点,就是我们需要的x,y的值。

同理:形状=“矩形”   337,300是x,y的坐标,44是这个图像的半径。

<area shape="circle" coords="337, 300, 44" href="coffee.htm">

形状=“多边形”

包含多个坐标 点,用于创建由直线(多边形)形成的形状。shape="poly"

这可用于创建任何形状。

例如:<area shape="poly" coords="140,121,181,116,204,160,204,222,191,270,140,329,85,355,58,352,37,322,40,259,103,161,128,147" href="croissant.htm">

图像映射和JavaScript

可单击区域也可以 触发 JavaScript 函数。

向元素添加事件 要执行 JavaScript 函数: <area shape="circle"      οnclick="myFunction()">

HTML 元素的背景图像

若要在 HTML 元素上添加背景图像,请使用 HTML 属性 和 CSS 属性:style background-image

例如:<p style="background-image: url('img_girl.jpg');">

或者:在样式表中使用。

<style>
p {
  background-image: url('img_girl.jpg');
}
</style>

注意:如果背景图像小于元素,图像将重复, 水平和垂直,直到到达元素的末尾。

改正:若要避免背景图像重复自身,请设置属性 自。background-repeat no-repeat

例如:

<style>
body {
  background-image: url('example_img_girl.jpg');
  background-repeat: no-repeat;
}
</style>

背景封面

如果您希望背景图像覆盖整个元素,您可以 可以将属性设置为background-sizecover.

此外,若要确保始终覆盖整个元素,请将该属性设置为background-attachment fixed:

这样,背景图像将覆盖整个元素,没有拉伸(图像将 保持其原始比例):

<图片>元素 (意思就是,根据屏幕尺寸选择使用哪种图像。这种方式 在手机模式和网页模式下用的吧)

HTML 元素允许 您显示不同的图片 不同的设备或屏幕尺寸。<picture>

每个元素都有一个属性,用于定义图像何时为 最合适。<source media=“”>

该元素有两个主要用途:<picture>

1. 带宽

如果您的屏幕或设备较小,则无需加载大型 图像文件。浏览器将使用具有匹配属性值的第一个元素,并忽略以下任何元素 元素。<source>

2. 格式支持

某些浏览器或设备可能不支持所有图像格式。通过使用元素,您可以添加所有图像 格式,浏览器将使用它识别的第一种格式,并忽略任何 的以下元素。<picture>

网站图标

网站图标是显示在浏览器选项卡中页面标题旁边的小图像。

图标图像的通用名称是“favicon.ico”。

例如:

  <head>
        <title>My Page Title</title>
        <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
  </head>

表格

表行:<tr>  <tr>

表单元格<td></td>

表头:<th>  </th>

(th放在tr的下面,一般只用一次,td用的最多)

表格边框

 在CSS样式里面:

table, th, td {
  border: 1px solid black;
}

不过,这种会存在一点问题:会出现,双边框的问题。

折叠成单个边框:

将 CSS 属性设置为 。border-collapse collapse

在上面的css样式添加:border-collapse: collapse;

举例说明:

设置每个单元格的背景颜色, 并赋予边框白色

table, th, td {
  border: 1px solid white;
  border-collapse: collapse;
}
th, td {
    background-color: #96D4D4;
}

圆桌边框

对于该属性,边框变为圆角:border-radius

th, td {        //省略table变为边框
  border: 1px solid black;
  border-radius: 10px;
}

虚线表边框

使用该属性,您可以设置 边框的外观。border-style

HTML学习 第一部分(前端学习),学习

边框颜色

使用该属性,可以设置边框的颜色。border-color

表格大小

将表格的宽度设置为 100%:

<table style="width:100%">

注意:使用百分比作为宽度的大小单位意味着 此元素与其父元素相比的宽度,在本例中为 是元素。<body>

表格列宽

若要设置特定列的大小,请在 or 元素上添加属性:style<th><td>

将第一列的宽度设置为 70%:     <th style="width:70%">Firstname</th>

表格行高

同上:<tr style="height:200px">

对齐表标题

默认情况下,表格标题为粗体且居中:

左对齐表标题,请使用 CSS 属性:text-align

例如:th {
  text-align: left;
}

多列的标题colspan<th>

标题可以跨越两列或多列:<th colspan="2">Name</th>

表标题:<caption>

单元格填充:padding

padding-bottom padding-left padding-right

单元格间距:border-spacing table

默认情况下,空间设置为 2 像素。

例:table {
  border-spacing: 30px;
}

若要使单元格跨多列,请使用以下属性:colspan  (前面讲了一次)

同理行跨度:rowspan

斑马条纹:在每隔一行表格上添加背景颜色

使用如下选择器::nth-child(even)

tr:nth-child(even) {
  background-color: #D6EEEE;
}

垂直斑马条纹

设置 for 表数据元素::nth-child(even)

td:nth-child(even), th:nth-child(even) {
    background-color: #D6EEEE;
}

水平分隔器:border-bottom tr

tr {
  border-bottom: 1px solid #ddd;
}

可悬停表:hover tr

使用选择器。例如:    tr:hover {background-color: #D6EEEE;}

表组元素:

该元素用于设置特定的样式 表的列。<colgroup>

隐藏列

您可以使用以下属性隐藏列:visibility: collapse

  <colgroup>
    <col span="2">
    <col span="3" style="visibility: collapse">
  </colgroup>文章来源地址https://www.toymoban.com/news/detail-553235.html

到了这里,关于HTML学习 第一部分(前端学习)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • C/C++网络编程基础知识超详细讲解第一部分(系统性学习day11)

    目录 前言 一、网络的含义与构成 含义: 构成:  二、网络的体系结构 1OSI七层模型 2TCP/IP协议体系结构  3数据经过体系结构,怎么封装?  4端口号 5大小端序 6TCP/UDP传输层的协议  三、系统函数API学习框架(TCP)     服务器(优先):  客户端: 四、服务器和客户端代码实

    2024年02月08日
    浏览(49)
  • 模拟第一部分5

    1、如果想要在外部包中使用全局变量,则全局变量必须( ) 正确答案:A A、首字母必须大写 B、首字母必须小写 C、必须加上const D、必须加上var 答案解析:在函数体外声明的变量称之为全局变量。全局变量声明必须以 var 开头,如果想要在外部包中使用

    2024年02月08日
    浏览(47)
  • 第一部分:核心容器

    Spring就是一个轻量级的控制反转(IOC)和面向切面编程(AOP)的框架!         什么是IoC、IoC容器、bean、DI ? IoC:对象创建控制权由程序转移到IoC容器的控制反转思想。 IoC容器:创建管理对象的容器。 bean:IoC容器中被创建管理的对象。 DI:IoC容器中建立bean之间依赖关

    2024年02月13日
    浏览(46)
  • 6.播放音频(第一部分)

    这一章将对播放音频的具体内容做讲解。我的想法是按照tinyalsa中的例子作为讲解的范本,因为tinyalsa足够简单,很多时候都忽略了它的细节。趁着这个机会再整理一下tinyalsa的内容。我使用的tinyalsa从https://github.com/tinyalsa/tinyalsa下载,从examples/writei.c开始。 其中函数read_file从

    2023年04月08日
    浏览(38)
  • 第一部分:Spark基础篇

    第一部分:Spark基础篇_奔跑者-辉的博客-CSDN博客 第二部分:Spark进阶篇_奔跑者-辉的博客-CSDN博客 第三部分:Spark调优篇_奔跑者-辉的博客-CSDN博客 第一部分:Flink基础篇_奔跑者-辉的博客-CSDN博客 (*建议收藏*) 实时数仓之 Kappa 架构与 Lambda 架构_奔跑者-辉的博客-CSDN博客(*建议收

    2024年02月05日
    浏览(48)
  • 第一部分-基础篇-第一章:PSTN与VOIP(下篇)

      学习资料来源《FreeSWITCH权威指南》-作者杜金房这本书。我是2022年6月毕业的,偶然的机会接触到FreeSWITCH,但是目前在南京从事java后端开发,FreeSWITCH纯属个人爱好,进行笔记整理。也一直希望有机会可以参与FreeSWITCH相关工作开发,如有需要,请联系我18956043585,先说声谢

    2024年02月06日
    浏览(56)
  • Mysql入门基础教程(第一部分)

    MySQL基础教程解释了一些基本的SQL语句。如果这是您第一次使用关系数据库管理系统,本教程将为您提供使用MySQL数据库服务器所需的一切,例如查询数据,更新数据,管理数据库和创建表。 如果您已经熟悉其他关系数据库管理系统(如PostgreSQL,Oracle或Microsoft SQL Server等),

    2024年04月14日
    浏览(39)
  • 学成在线项目开发技巧整理---第一部分

    视频项目链接: 学成在线 整理的是我个人认为偏生疏的知识点,不一定涉及的全面。 在系统中某些选项是几个特定的值的一个或多个,并且随着还可以动态添加。比如支付方式,配送方式等。 此时我们应该设计一个数据字典模块,在后台进行管理,然后前台要从后端查询。并

    2023年04月22日
    浏览(59)
  • 字符串---第一部分 序列、字串;上升,公共

    第一部分 最长上升子序列,最长上升子串,最长公共子序列,最长公共子串--dp 第二部分 KMP,trie,双指针 第三部分 待定 动态规划:审题,状态确定,状态转移,边界条件 线性DP 最长上升子序列 403 线性DP 最长上升子序列【动态规划】_哔哩哔哩_bilibili 给定一个无序整数数组

    2024年02月07日
    浏览(49)
  • 阿里服务器怎么用教程[第一部分]

    第一步,登录我们的阿里云账号。   第二步,根据自己的具体情况,选择好服务器的配置,比如你是大型企业,预估网站访问量很大,那么就要选配置较好的服务器,如果是个人网站,预估流量较小,就可以选择配置较低的云服务器。   第三步,购买好云服务器后,我们在

    2024年02月10日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包