首页 > 其他分享 >HTML学习笔记

HTML学习笔记

时间:2024-11-19 23:43:28浏览次数:3  
标签:-- 标签 笔记 学习 HTML 跳转 hi Document

<!DOCTYPE html>

<!-- documenttype文件类型 -->

<!--<>单标签 一般用于声明属性

<></...>双标签 决定范围-->

<html lang="en">

 <!--language=english -->

<head>

    <meta charset="UTF-8">

    <!--meta后设(标签的一个设计) charset——字符集 -->

    <!-- UTF-8万国码(编码格式解码标准) 中文GB2312-->

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- 上行自带无用可删 -->

    <title>Document</title>

    <!-- title标题(台头) -->

</head>

<body>

<!-- 页面内容 -->

 <!-- ctrl+/注释 标题标签h1-h6(每个标题独占一行) -->

  <!-- eg:<h1></h1>双标签 -->

   <!-- 编辑器中的换行在浏览器中展示为一个空格 -->

    <!-- 换行标签<br>单标签 -->

     <!-- 段落标签<p></p> -->

      <!-- 水平线标签<hr> -->

       <!-- 字体倾斜<em></em> -->

        <!-- 字体加粗<strong></strong> -->

         <!-- 图片标签 src代表路径 ./当前目录../ alt对图片补充说明(当图片加载不出来时)-->

          <img src="./img/屏幕截图 2024-10-12 183459.png" alt=""height="px"width="px">

           <!-- <a href="网址">点击的东西(跳转)</a> -->

            <!-- 标签嵌套 -->

            <a href="./img/屏幕截图 2024-10-12 180806.png"> <img src="./img/屏幕截图 2024-10-12 183459.png" alt=""> </a>

           <img src="" alt=""></a>

           hi{$}*3

           <!-- 形成多行 $占位符 -->

           <!-- 锚链接点击内容可以跳转到指定位置 -->

            <h1 id="name">1</h1>

            <h1>2</h1>

            <h1>3</h1>

            <h1>4</h1>

            <h1>5</h1>

            <h1>6</h1>

            <h1>7</h1>

            <h1>8</h1>

            <h1>9</h1>

            <h1>10</h1>

            <h1>11</h1>

            <h1>12</h1>

            <h1>13</h1>

            <h1>14</h1>

            <h1>15</h1>

            <h1>16</h1>

            <h1>17</h1>

            <a href="#name"><h1>18</h1></a>

            <a name="9"><h1>19</h1></a>

            <!-- 井号代表id -->

             <a href="mailto:">邮箱</a>

            <a href="tel:">电话</a>

标签:--,标签,笔记,学习,HTML,跳转,hi,Document
From: https://blog.csdn.net/2401_86760082/article/details/143892083

相关文章

  • c语言初学者练习——指针进阶学习
    c语言初学者练习——结构体一、字符指针在指针的类型中有一种指针类型为字符指针:char*字符指针的一般使用方法:intmain(){ chara='w'; char*pc=&a; *pc='b'; printf("%c",a); return0;}另一种使用方法:把字符串首字符a的地址赋值给了p,但不安全VS......
  • 《Django 5 By Example》阅读笔记:p651-p678
    《Django5ByExample》学习第9天,p651-p678总结,总计28页。一、技术总结1.aggregate()(1)aggregate:ad-("to")+gregare("tocollectionintoaflock(群),togather")因为ad后面跟的是gregate,为了发音方便,ad演变为了ag。aggregate的本意是:vt.tocombineintoasinglegrou......
  • 学习笔记493—简单解释超声波成像的工作原理【全网最详细讲解!】
    简单解释超声波成像的工作原理 我们将从以下几个方面进行讨论。请向下滚动,开始阅读。声音与超声波导论发送和接收超声波超声波与人体组织的相互作用扫描方式:A扫描扫描方式:B扫描频率、波长、分辨率和深度多普勒效应声音和超声波我们都很熟悉声音。它帮助......
  • 深度学习的实践层面
    深度学习的实践层面设计机器学习应用在训练神经网络时,超参数选择是一个高度迭代的过程。我们通常从一个初步的模型框架开始,进行编码、运行和测试,通过不断调整优化模型。数据集一般划分为三部分:训练集、验证集和测试集。常见的比例是60%用于训练,20%用于验证,20%用于测试。然而,......
  • 针对初学者的C和C++23的对比学习-4.循环结构的学习
    4.循环结构的学习学习目标:学习内容:了解for语句:for循环的执行流程了解while语句:while循环的执行流程了解dowhile语句:dowhile循环的执行流程了解break和continue的使用for,while和dowhile的对比练习学习目标:了解循环结构了解for语句了解while语句了解d......
  • 前端技术对css属性的学习
    css属性目录css属性文本字体背景文本属性说明CSScolor设置文本的颜色1direction规定文本的方向/书写方向2letter-spacing设置字符间距1line-height设置行高1text-align规定文本的水平对齐方式1text-decoration规定添加到文本的装饰效果......
  • 李沐大佬-动手学深度学习笔记-注意力机制
    注意力机制(显示考虑随意线索)随意线索:查询query每个输入是一个value和不随意线索key的对通过注意力池化层偏向性选择某些输入历史演变:非参注意力池化层:60年代提的Nadaraya-Watson核回归,类似于knn如果使用高斯核,fx函数类似于softmax和y(y是一个value)的乘积参数化注意力机制:......
  • 零基础逆向学习记录6
    逆向学习记录之汇编基础61.什么是堆栈平衡?<1>如果要返回父程序,则当我们在堆栈中进行堆栈的操作的操作的时候,一定要保证ret这条指令之前,esp指向的是我们压入栈中的地址,即返回call的下一行。<2>如果通过堆栈传递参数了。那么在函数执行完毕之后,要平衡参数导致的堆栈变化。......
  • Oracle 深入学习 Part 1: Oracle Architectural Components(Oracle 架构组件)
    Oracle服务器(OracleServer)OracleServer是一个管理系统,提供一种开放、全面、集成的信息管理方式。它包含了Oracle实例(OracleInstance)和Oracle数据库(OracleDatabase)。1.Oracle实例(OracleInstance)定义:Oracle实例是访问Oracle数据库的方式,始终打开一个且仅......
  • 圣诞老人html-css和js没发奥
    <!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Jinglebellsrock!</title><linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.......