第一章 HTML基础

已于 2024-03-22 18:50:50 修改
阅读量1.7k 收藏 24
点赞数 40
分类专栏： HTML_CSS前端开发 文章标签： 笔记 html 前端
于 2024-03-19 19:10:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41110793/article/details/136780303
版权

① 前端知识体系的核心：HTML + CSS + JavaScript

② 《JavaScript高级程序设计》的作者Nicholas.C.Zakas：“想要完全掌握JavaScript，关键在于弄清楚它的历史、局限性和本质。

③ （官网：）

W3CThe World Wide Web Consortium (W3C) develops standards and guidelines to help everyone build a web based on the principles of accessibility, internationalization, privacy and security.icon-default.png?t=N7T8https://www.w3.org/MDN Web DocsThe MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.icon-default.png?t=N7T8https://developer.mozilla.org/zh-CN/④ 学技术是为了解决问题的：

        将知识进行分类。

⑤ 历史性

        上世纪90年代，Berners-Lee上线了世界上第一个网站 HTML

The World Wide Web projecticon-default.png?t=N7T8http://info.cern.ch/hypertext/WWW/TheProject.html⑥ 前端的三大核心

        HTML                网页的结构
        CSS                  网页的视觉体验
        JavaScrpit         网页的交互处理

⑦ 常见的浏览器内核：

        Trident（三叉戟）：IE、360浏览器、UC浏览器、搜狗浏览器
        Gecko（壁虎）：Mozilla Firefox
        Presto（急板乐曲）->Blink（眨眼）：Opera
        Webkit：Safari、360极速浏览器、搜狗高速浏览器、移动端（Android、IOS）
        Webkit->Blink：Google Chrome、Edge
    不同的浏览器内核有不同的解析、渲染规则，所以同一网页在不同内核的浏览器中的渲染效果也可能不同。

⑧ 开发工具：

元素的组成
        

前端最流行的缩进是两个空格

shift+tab 往前缩进

一、 了解

超文本标记语言（Hyper Text Markup Language）一种用来创建网页的标记语言


二、 补充

2.1 URL

统一资源定位符

① URL标准格式：

[协议类型] :// [服务器地址] : [端口号] / [文件路径] [文件名] ? [查询] # [片段ID] 

    http       ://123.123.123.222:8000  /  abc/why  /mi.png ? page=1&passward=0   #heading-3
                                                    特定资源要找路径  相当于给服务器传递额外的参数 小标题定位 

② URL和URI区分：

2.2 HTML 元素

① 元素的组成
        
② 元素也可以拥有属性 （空格 属性名称 "属性值"）
        
③ HTML 元素不区分大小写，但建议小写

④ 总结图：
        

2.3 字符实体

①如果你使用小于号（<），这个时候就需要使用字符实体；
②HTML 实体是一段以连字号（&）开头、以分号（;）结尾的文本（字符串）：
        实体常常用于显示保留字符（这些字符会被解析为 HTML 代码）和不可见的字符（如“不换行空格”）；
         你也可以用实体来代替其他难以用标准键盘键入的字符；

    <!-- 打印<好好学习>，天天 向上 -->
    <p>&lt好好学习&gt，天天&nbsp向上</p>

2.4 元素语义化

用正确的元素做正确的事情。

2.5 SEO

搜索引擎优化（英语：search engine optimization，缩写为SEO）是通过了解搜索引擎的运作规则来调整网站，以及提高网站在有关搜索引擎内排名的方式。

2.6 emmet语法

① Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具.
② 在前端开发的过程中，一大部分的工作是写 HTML、CSS 代码, 如果手动来编写效果会非常低.
③ VsCode内置了Emmet语法,在后缀为.html/.css中输入缩写后按Tab/Enter键即会自动生成.
④ !和html:5可以快速生成完整结构的html5代码.

w20+h30+m40+p50

div[class="item"]*5

三、 HTML结构

3.1 文档声明

① HTML最上方的一段文本我们称之为文档类型声明，用于声明文档类型
        (DOCTYPE:document文档type类型)

<!DOCTYPE html>

② HTML文档声明，告诉浏览器当前页面是HTML5页面；让浏览器用HTML5的标准去解析识别内容；
③ 必须放在HTML文档的最前面，不能省略，省略了会出现兼容性问题

3.2 html元素

① 表示一个 HTML 文档的根（顶级元素），所以它也被称为根元素。
         所有其他元素必须是此元素的后代
② W3C标准建议为html元素增加一个lang属性，作用是
        帮助语音合成工具确定要使用的发音;
        帮助翻译工具确定要使用的翻译规则;
③ 比如常用的规则：
        lang=“en”表示这个HTML文档的语言是英文；（lang=language语言 ）
        lang=“zh-CN”表示这个HTML文档的语言是中文；

<!DOCTYPE html>
<html lang="en">
</html>

3.3 head元素

① HTML head 元素 规定文档相关的配置信息（也称之为元数据），包括文档的标题，引用的文档样式和脚本等。
         元数据（meta data），是描述数据的数据；
         这里我们可以理解成对整个页面的配置：        
        
② 网页的标题：title元素
③ 网页的编码：meta元素
        可以用于设置网页的字符编码，让浏览器更精准地显示每一个文字，不设置或者设置错误会导致乱码；
        一般都使用utf-8编码，涵盖了世界上几乎所有的文字；

<head>
    <meta charset="UTF-8">
    <!--网页的标题-->
    <title>head元素的学习</title>
</head>

3.4 body元素

①  HTML元素本身很多，但是常用的元素就是那么几个。
HTML 元素参考 - HTML（超文本标记语言） | MDN此页面列出了所有使用标签创建的 HTML 元素。icon-default.png?t=N7T8https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element② 常用的元素（90%时间都在写这几个）：
        p元素、h元素；
        img元素、a元素、iframe元素；
        div元素、span元素；
③  下阶段学习的元素：
         ul、ol、li元素；
         button元素、input元素；
        table、thead、tbody、thead、th、tr、td；

四、常见元素

h 元素

①  文字作为标题
②  <h1> 级别最高，而 <h6> 级别最低。
③ 注意：h元素通常和SEO优化有关系

    <h1>标题标签</h1>

p元素

① 表示文本的一个段落。

img 元素

① 将一份图像嵌入文档。
② img是一个可替换元素（ replaced element ）
③ img有两个常见的属性：
   src属性：source单词的缩写，表示源
        是必须的，它包含了你想嵌入的图片的文件路径。
   alt属性：不是强制性的
        作用一：当图片加载不成功，会显示这段文本；
        作用二：辅助给阅读器的使用者听。
④ 设置img的src时，需要给图片设置路径：
        网络图片：一个URL地址；
        本地图片：本地电脑上的图片，后续会和html一起部署到服务；
⑤ 本地图片的路径有两种方式：
        绝对路径（几乎不用）从电脑的根目录开始一直找到资源的路径；
        相对路径（常用）； 相当于当前文件的一个路径；
            . 代表当前文件夹，可以省略
            .. 代表上级文件夹

    <!--网络路径-->  
    <img src="https://blog.csdn.net/XXXX">
    <!--绝对路径（摁住Shift再点击右上浏览器图标使用本地打开的方式）-->
    <img src="/home/wolf/Web_learning/templates/IMG.jpg">
    <!--相对路径-->
    <img src="../templates/IMG.jpg" alt="这是一个狐狸">

a元素

①  定义超链接，用于打开新的URL
② a元素有两个常见的属性：
        href：Hypertext（超文本）Reference(引用(指针））
                指定要打开的URL地址；
                也可以是一个本地地址；
         target：该属性指定在何处显示链接的资源。
                _self：默认值，在当前窗口打开URL；
                _blank：在一个新的窗口中打开URL；

    <!--    属性                      内容-->
    <a href="https://www.baidu.com">百度一下</a>
    <!--target="_self"在本网页打开(默认）-->
    <!--target="_self"在新网页打开-->
    <a href="https://www.baidu.com" target="_blank">百度一下</a>
    <a href="./回顾.html" target="_self">百度一下</a>

③ 锚点链接可以实现：跳转到网页中的具体位置。步骤：
     1、在跳转的元素上添加id
    2、定义a元素，并且a元素的href属性指向id

    <a href="#theme01">跳转到主题一</a>
    <a href="#theme02">跳转到主题二</a>
    <a href="#theme03">跳转到主题三</a>

    <h2 id="theme01">主题一</h2>
    <p>这里是主题一</p> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

    <h2 id="theme02">主题二</h2>
    <p>这里是主题二</p> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

    <h2 id="theme03">主题三</h2>
    <p>这里是主题三</p> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

④ a 元素和 img 元素结合（点击图片跳转链接）

    <a href="http://www.baidu.com">
        <img src="../templates/IMG.jpg" alt="这是一个狐狸">
    </a>

⑤总结：超链接可以是网站、zip(下载）、发邮件、锚点

iframe 元素

①  利用iframe元素可以实现：在一个HTML文档中嵌入其他HTML文档
② frameborder属性        用于规定是否显示边框        1：显示   0：不显示
③  a元素target的其他值:
         _parent：在父窗口中打开URL
         _top：在顶层窗口中打开UR
        _self：在当前窗口打开URL；

 <iframe src="http.//taobao.com" frameborder="0"></iframe>

div和span

① 历史性

② 区别：
        都是容器
        div元素：多个div元素包裹的内容会在不同的行显示；
        span元素：多个span元素包裹的内容会在同一行显示；

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .area {
            border: 1px solid red;
        }
        .keywords {
            font-size: 30px;
            font-weight: 700;
            color: blue;
        }
    </style>
</head>
<body>

    <h1>学习前端</h1>area
<div class="area">
    <h2>1.学习HTML+CSS</h2>
    <p>
        先学习HTML，再学习CSS，了解一些历史/本质等等
    </p>
</div>

<div class="area">
    <h2>2.学习JavaScript</h2>
    <p>
        学习<span class="keywords">JavaScript的基本语法</span>，BOM/DOM，学网络请求，学ES6，学习一些高级语法，原理
    </p>
</div>

<div class="area">
    <h2>3.学习工具</h2>
    <p>
        npm/node/webpack/git
    </p>
</div>

</body>
</html>

列表

（注：此元素和下面的元素都是在学过CSS基础后再进行学习）

① 方案一: 使用div元素来实现(比如汽车之家, 知乎上的很多列表)
② 方案二: 使用列表元素, 使用元素语义化的方式实现;
③ HTML提供了3组常用的用来展示列表的元素
        有序列表：ol、li
         无序列表：ul、li
        定义列表：dl、dt、dd

ol li 有序列表

ol（ordered list）        有序列表，直接子元素只能是li
li（list item）        列表中的每一项

ul li 无序列表

ul（unordered list）        无序列表，直接子元素只能是li
li（list item）         列表中的每一项
   

dl  dt  dd 定义列表

dl（definition list）        定义列表，直接子元素只能是dt、dd
dt（definition term）        term是项的意思, 列表中每一项的项目名
dd（definition description）        列表中每一项的具体描述，是对 dt 的描述、解释、补充

列表的练习—热搜


css:

body,p,h3 {
    margin: 0;
    padding: 0;
}
body {
    background: #f5f5f5;
}
a {
    text-decoration: none;
    color: #333;
    font-size: 12px;
}
h3 {
    font-weight: 400;
}
dl, dt, dd {
    padding: 0;
    margin: 0;
}
ol, li, ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

HTML:

<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<link rel="stylesheet" href="../css/reset.css">
    <style>
        ul >li {    /* 通用设置 子元素会继承的 */
            font-family: Arial, sans-serif;
            font-size: 14px;
            margin-bottom: 5px;
            font-weight: 400;
        }
        ul > li > .ranking {
            font-size: 15px;
            color: rgb(145, 149, 163);
            margin-right: 5px;
            text-align: center;
        }
        ul > li > a .content {
            color: #2440b3;
        }
        ul > li > a .content:hover {    /* 选中时候 */
            color: #315efb;
            text-decoration: underline;
        }
        /* 伪类 */  /* 1 2 3比较特殊 */
        ul > li:nth-child(1) .ranking {
            color: #FE2D46;
        }
        ul > li:nth-child(2) .ranking {
            color: #F60;
        }
        ul > li:nth-child(3) .ranking  {
            color: #FAA90E;
        }

        /* 图标 */
        ul > li .icon {
            position: relative;    /* 相对位置 */
            top: 2px;
            left: 4px;
            display: inline-block;
            width: 16px;
            height: 16px;
        }
        ul > li .hot {    /* 只有hot匹配时候才加图标 */
            background-image: url("../../images/hot.svg");
        }
    </style>
</head>
<body>
    <ul>
        <li class="item">
            <span class="ranking">1</span>
            <a href="#">
                <span class="content">草木蔓发 春山在望</span>
                <i class="icon hot"></i>
            </a>
        </li>
        <li class="item">
            <span class="ranking">2</span>
            <a href="#">
                <span class="content">草木蔓发 春山在望</span>
                <i class="icon hot"></i>
            </a>
        </li>
        <li class="item">
            <span class="ranking">3</span>
            <a href="#">
                <span class="content">草木蔓发 春山在望</span>
                <i class="icon"></i>
            </a>
        </li>
        </li>
        <li class="item">
            <span class="ranking">4</span>
            <a href="#">
                <span class="content">草木蔓发 春山在望</span>
                <i class="icon"></i>
            </a>
        </li>
        </li>
        <li class="item">
            <span class="ranking">5</span>
            <a href="#">
                <span class="content">草木蔓发 春山在望</span>
                <i class="icon hot"></i>
            </a>
        </li>
        </li>
    </ul>
</body>
</html>

表格

table ：
        tr(table row)        表格中的行
        td(table data)      行中的单元格
        thead                  表格的表头
        tbody                  表格的主体
        tfoot                    表格的页脚
        caption              表格的标题
        th                       表格的表头单元格

css属性：
        border-collapse: collapse 边框合并

跨列合并: 使用colspan
        在最左边的单元格写上colspan属性, 并且省略掉合并的td;
跨行合并: 使用rowspan
        在最上面的单元格协商rowspan属性, 并且省略掉后面tr中的td;     
   

表格的练习

<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        table {
            text-align: center;
            border-collapse: collapse; /* 边框合并 */

        }
        th, td {
            border: 1px solid #333;
            padding: 8px 16px;
        }
        table >
    </style>
</head>
<body>
    <table>
        <caption>股票</caption>
        <thead>
            <tr>
                <th>排名</th>
                <th>股票名称</th>
                <th>股票代码</th>
                <th>股票价格</th>
                <th>股票涨跌</th>
            </tr>
        </thead>
        <tbody>
        <tr>
            <td>1</td>
            <td>贵州茅台</td>
            <td>600519</td>
            <td>1800</td>
            <td>5%</td>
        </tr>
        </tbody>
        <tbody>
        <tr>
            <td>2</td>
            <td>五粮液</td>
            <td>000858</td>
            <td>160</td>
            <td>8%</td>
        </tr>
        </tbody>
    </table>
</body>
</html>

<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        table {
            text-align: center;
            border-collapse: collapse; /* 边框合并 */
        }
        caption, th, td {
            border: 1px solid #333;
            padding: 8px 16px;
        }

        td[rowspan], caption{ /* 属性选择器 包括rowspan的td*/
            font-weight: 700;
        }
    </style>
</head>
<body>
    <table>
        <caption>课程表</caption>
        <thead>
            <tr>
                <th> </th>
                <th>星期一</th>
                <th>星期二</th>
                <th>星期三</th>
                <th>星期四</th>
                <th>星期五</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td rowspan="4">上午</td>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
            </tr>
            <tr>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
            </tr>
            <tr>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
            </tr>
            <tr>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
            </tr>
            <tr>
                <td colspan="6">午休</td>
            </tr>
            <tr>
                <td rowspan="3">下午</td>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
            </tr>
            <tr>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
            </tr>
            <tr>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
                <td>英语</td>
            </tr>
        </tbody>
    </table>
</body>
</html>

表单

HTML表单元素是和用户交互的重要方式之一, 在很多网站都需要使用表单:

input

① 表单元素使用最多的是input元素
②  input元素有如下常见的属性:
text：文本输入框（明文输入）
password：文本输入框（密文输入）
radio：单选框
button：按钮
reset：重置
submit：提交表单数据给服务器
file：文件上传
◼ readonly：只读
◼ disabled：禁用
◼ checked：默认被选中
◼ checkbox：复选框
         只有当type为radio或checkbox时可用
◼ autofocus：当页面加载时，自动聚焦
◼ name：名字
         在提交数据给服务器时，可用于区分数据类型
◼ value：取值
：输入（表单输入）元素 - HTML（超文本标记语言） | MDNHTML 元素用于为基于 Web 的表单创建交互式控件，以便接受来自用户的数据。取决于设备和用户代理不同，表单可以使用各种类型的输入数据和控件。 元素是目前是 HTML 中最强大、最复杂的元素之一，因为它有大量的输入类型和属性组合。icon-default.png?t=N7T8https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input

布尔属性

 常见的布尔属性有disabled、checked、readonly、multiple、autofocus、selected
布尔属性可以没有属性值，写上属性名就代表使用这个属性

<input type="text" disabled autofocus readonly>

重置/提交按钮

 普通按钮（type=button）：使用value属性设置按钮文字
 重置按钮（type=reset）：重置它所属form的所有表单元素（包括input、textarea、select）
 提交按钮（type=submit）：提交它所属form的表单数据给服务器（包括input、textarea、select）

<input type="button" value="普通按钮">
<input type="reset" value="重置按钮">
<input type="submit" value="提交按钮">

<button type="button">普通按钮</button>
<button type="reset">重置按钮</button>
<button type="submit">提交按钮</button>

input和label

当相互配合使用时候，点击用户也能选到

<div>
    <label for="username">用户：
        <input id="username" type="text" name="username">
    </label>
    <label for="password">密码：
        <input id="password" type="text" name="password">
    </label>
</div>


radio 单选

type类型设置为radio变成单选框:
name值相同的radio才具备单选功能

<div>
    性别：
    <label for="male">
        <input id="male" type="radio" name="sex"> 男
    </label>
    <label for="female">
        <input id="female" type="radio" name="sex"> 女
    </label>
</div>

checkbox 多选框

<div>
    爱好：
    <label for="backetball">
        <input id="backetball" type="checkbox" name="hobby" value="backetball"> 篮球
    </label>
    <label for="fotball">
        <input id="fotball" type="checkbox" name="hobby" value="fotball"> 足球
    </label>
    <label for="run">
        <input id="run" type="checkbox" name="hobby" value="run"> 跑步
    </label>
</div>

textarea  简介框

        cols：列数
        rows：行数
        缩放的CSS设置
        禁止缩放：resize: none;
        水平缩放：resize: horizontal;
        垂直缩放：resize: vertical;
        水平垂直缩放：resize: both;

    <style>
        textarea {
            resize: horizontal;
        }
    </style>
<form action="">
    <label for="info">
        个人描述：
        <textarea name="info" id="info" cols="10" rows="6"></textarea>
    </label>
</form>

select和option 选择框

① option是select的子元素，一个option代表一个选项
② select常用属性
        multiple：可以多选
        size：显示多少项
③ option常用属性
        selected：默认被选中

<select name="fruits" id="" multiple size="3">
    <option value="apple" selected>苹果</option>  <!--默认被选中-->
    <option value="banana">香蕉</option>
    <option value="orange">橘子</option>
</select>

form常见的属性

action
        用于提交表单数据的请求URL
method
        请求方法（get和post），默认是get
target
        在什么地方打开URL（参考a元素的target）

    <form action="https://wolf27115.com/abc/" method="post"   target="_blank"> 
        <!--默认是get请求 新页面打开-->
        <div>
            <label for="username">用户：
                <input id="username" type="text" name="username" >
            </label>
            <label for="password">密码：
                <input id="password" type="password" name="password">
            </label>
        </div>

        <div>
            性别：
            <label for="male">
                <input id="male" type="radio" name="sex" value="male"> 男
            </label>
            <label for="female">
                <input id="female" type="radio" name="sex" value="female"> 女
            </label>
        </div>


        <div>
            <button type="submit">提交按钮</button>
            <button type="reset">重置按钮</button>
        </div>
    </form>

get请求:

post请求:

五、 不常用元素

①  strong元素：内容加粗、强调；
         通常加粗会使用css样式来完成；
        开发中很偶尔会使用一下；
② i元素：内容倾斜；
        通常斜体会使用css样式来完成；
        开发中偶尔会用它来做字体图标（因为看起来像是icon的缩写）；
③ code元素：用于显示代码
         偶尔会使用用来显示等宽字体；
④ br元素：换行元素
         开发中已经不使用；

    <p>好好<strong>学习</strong>，<i>天天向上</i></p>

⑤ 更多元素详解，查看MDN文档：
HTML 元素参考 - HTML（超文本标记语言） | MDN此页面列出了所有使用标签创建的 HTML 元素。icon-default.png?t=N7T8https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element

六、 HTML全局属性

① 某些属性只能设置在特定的元素中：
         比如img元素的src、a元素的href；
②  也有一些属性是所有HTML都可以设置和拥有的，这样的属性我们称之为 “全局属性（Global Attributes）。” 全局属性有很多：
全局属性 - HTML（超文本标记语言） | MDN全局属性是所有 HTML 元素共有的属性；它们可以用于所有元素，即使属性可能对某些元素不起作用。icon-default.png?t=N7T8https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes④  常见的全局属性如下：

 id 元素

    定义唯一标识符（ID），该标识符在整个文档中必须是唯一的。

 class 元素

    类名（classes ）列表，它允许 CSS 和 Javascript 通过类选择器或者DOM方法来选择和访问特定的元素；

style 元素

    给元素添加内联样式；

 title 元素

    包含表示与其所属元素相关信息的文本。 这些信息通常可以作为提示呈现给用户，但不是必须的。

    <a href="#theme01">跳转到主题一</a>
    <h2 id="theme01">主题一</h2>
    <div class="area"><div>
    .area {}

wolf27115
关注
  • 40
    点赞
  • 踩
  • 24
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Python程序设计教程 第一章 Python基础
Aggili的博客
11-24 2725
第一章 Python基础 1.1.1 Python语言的发展史 Python的创始人为Guido van Rossum（荷兰人，见图）。1982年，Guido从阿姆斯特丹大学获得了数学和计算机硕士学位，由于当时编程语言比较复杂，因此Guido希望能够研发出一种轻松编程的语言。ABC语言（由荷兰的数学和计算机研究所开发）让Guido看到了希望，于是Guido应聘到该研究所工作，并参与到ABC语言的开发。但由于当时的开发是单向的，因此最后只得到商业上失败的结果。 随着互联网的普及，Guido再一次看到了希望。1
第一章 Pandas基础.html
12-26
第一章 Pandas基础.html
第一章 HTML基础 ② 代码练习
Liu_wen_wen的博客
06-06 2153
HTML基础 多种标签的代码
前端基础知识第一章---HTML
battledao的博客
01-14 6406
前言 ❤️ 天空黑暗到一定程度，星辰就会熠熠生辉 ❤️
javascript百炼成仙 第一章 掌握JavaScript基础1.4数据类型
java小白翻身
10-06 4万+
修行还在继续，随着对要诀的深入，叶小凡明白，在编程世界，刚才的直接量都属于一种数据。和人有男女一样，数据也是有类型的。在JavaScript中，数据可分为两类，分别为原生数据类型（primitive type）和对象数据类型（object type）。 心念一动，一个数字6立刻浮现在叶小凡体内的内存元海中，同时，为了不让数字消失，还专门定义了一个变量来指向那个数字。 var num = 6; 叶小凡心中已有明悟，这个数字和字符串都属于原生数据类型。那么，还有其他原生数据类型吗？心念扫过要诀，一炷香的时间，
html5基础知识第一章语法
ITDragon博客
11-13 6118
语法知识内容：html简介，html文档结构说明，<!doctype>标签，开发工具介绍及下载 Html（Hyper text Markup Language）：超文本标记语言 HTML 标记标签通常被称为 HTML 标签  HTML 标签是由尖括号包围的关键词，比如 HTML 标签通常是成对出现的，比如 和   HTML 标签对中的第一个标签是开始标签，第二个标签是结束标签 Html文档结构说明   HTML的结构包括头部（head）、主体（body）两大部分
javascript百炼成仙 第一章 掌握JavaScript基础1.7 对象数据类型
java小白翻身
10-06 3万+
听到这句话，叶小凡一顿，动作停止了下来。 对象数据类型，这在JavaScript基础修炼要诀中只是提了一下，但是并没有细讲，这个对象数据类型一直以来都深深地勾起了叶小凡的好奇心。 “小娃娃，相见是缘，既然你感兴趣我便教你一教。你且听好，在JavaScript中，数据可分为两类，分别为原生数据类型和对象数据类型。所谓对象数据类型，是一种复合型的数据类型。它可以把多个数据放到一起，就好像一个篮子一样。在这个篮子里面的每一个数据，可以看做是一个单元，他们都有自己的名字和值。” 叶小凡被叶老的话深深地打动了，立刻聚
web前端开发（一）—HTML基础
热门推荐
mdxiaohu的博客
07-31 10万+
  目录 web前端简介 什么是HTML？ HTML标签 HTML基本结构 HTML 段落标签 HTML 换行标签 HTML标题 HTML 水平线 HTML注释 HTML 标签 HTML 列表标签 HTML表格 HTML超链接 HTML 图片 HTML表单 表单元素-文本、密码框 表单元素-多行文本框 表单元素-选择框 表单元素-下拉选择框 表单元素-按钮...
javascript百炼成仙 第一章 掌握JavaScript基础 1.13 语惊四座
java小白翻身
10-08 1万+
“叶小凡，现在你把这道题解释一下吧。”林元青看向叶小凡，稳重但不缺威严地说到。 “是。”弟子面朝着林元青作揖，然后抬起兄，缓缓到来。 “这道题看似复杂，但只要一步一步细细分开来，还是有迹可循地。” var a = 1; var b; var sum = (b = a++ + --a) + a-- + b++ ; “首先，变量b只是定义了一下，没有赋值，在运行第三句话之前b的值就是undefined，表示未定义。” “嗯，继续说。” “弟子遵命，接下来就是第三行代码。这一行代码比较长，我试着把它拆分
第1章 爬虫基础
BlackOrnate的博客
11-27 4098
第1章 爬虫基础
javascript百炼成仙 第一章 掌握JavaScript基础1.3变量的声明
java小白翻身
10-06 5万+
叶小凡收起心神，继续阅读“JavaScript基础修炼要诀”，忽然，他眼前一亮。 “原来如此，直接量虽然只是昙花一现，但是如果我能用var定义一个变量，再指向那个直接量，就能有保存数据的妙用！” 想到这里，叶小凡当即催动功法，定义了一个变量。 var a; “成了！”，叶小凡开心的一拍手，心念一动，一个用双引号包裹的“Hello World”字符串凭空出现。这一次，没等字符串遁入虚无，叶小凡就立刻让变量a指向了这个字符串。 var a; a = "Hello World"; “嗯，有点麻烦，还不如直接并
第一章,html5基础.html
01-07
第一章,html5基础.html
第1章计算机网络基础.ppt
11-13
总的来说，"第1章计算机网络基础"不仅讲解理论知识，更注重通过案例分析和实践操作，使学生能够理解和应用网络技术，实现从理论到实践的转化，提高解决问题的能力。这样的教学方式有助于培养出既懂原理又能实际操作...
第一章 JavaScript基础语法
05-21
JavaScript 基础语法 什么是 JavaScript JavaScript 是一种嵌入在网页中的解释型脚本语言，运行在浏览器中，用来丰富页面的互动。它最初由 Netscape 公司发明，最后提交给欧洲计算机制造商协会（ECMA）， ECMA 将 ...
HTML第一章笔记
03-28
### HTML第一章笔记知识点详解 #### 一、HTML5文件的基本结构 HTML5是HyperText Markup Language（超文本标记语言）的最新版本之一，用于构建网页的基础框架。在本章中，我们将详细介绍HTML5文档的基本结构及其...
C++笔记5•内存管理•
qq_64446190的博客
08-12 1104
内存管理
谷粒商城实战笔记-175~177-商城业务-检索服务-检索查询接口开发
epitomizelu的专栏
08-13 756
搜索页面搭建完成之后，点击搜索按钮，发送参数给后台服务，后台服务根据参数从Elasticsearch中查询符合条件的数据，返回给前端。
经验笔记：URI、URL、URN与URC之间的区别
最新发布
qq_45831414的博客
08-14 583
URI是一种通用的标识符，可以指代任何类型的资源。URL是一种特定类型的URI，它不仅标识资源，还提供了访问该资源的方法。URN是一种用于唯一命名资源的特殊URI类型。URC是一个概念性的术语，用于描述如何构建或创建资源的过程。通过理解这些概念的区别，我们可以更加清晰地识别和使用互联网资源的标识方式。在日常工作中，我们最常遇到的是URL，因为它们是我们访问网页和其他在线资源的基础；而URN则在需要持久引用资源的情况下使用。
C++笔记4•类和对象3•
qq_64446190的博客
08-12 670
类和对象3
HTML基础教程：从入门到精通
"本章主要介绍了HTML基础，包括HTML概述、HTML标记、文字修饰、图像、列表、表格、色彩、超文本链接、表单、事件和脚本等内容，旨在帮助学习者掌握网页设计的基本概念和HTML语法。" HTML是HyperText Markup ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值