当前位置: 首页 > news >正文

注册网站是什么意思/百度关键词价格怎么查询

注册网站是什么意思,百度关键词价格怎么查询,河池环江网站建设,游戏代理是怎么赚钱的如何代理游戏目录 ​编辑一、使用 vscode 二、研究代码的特点 三、HTML 常见标签 注释标签 标题标签 段落标签 换行标签 格式化标签 图片标签 超链接标签 表格标签 列表标签 表单标签: form 标签 input标签: select textarea标签: 无语…

目录

​编辑一、使用 vscode

二、研究代码的特点

三、HTML 常见标签 

注释标签

标题标签

段落标签

换行标签

格式化标签

图片标签

超链接标签

表格标签

列表标签

表单标签:

form 标签

input标签:

select 

 textarea标签:

无语义标签:

案例一:展示简历信息


一、使用 vscode

 vscode 没有 “项目” 这个概念,都是使用 目录 来组织的

我们就可以选择一个当前想要代码的目录,打开这个目录(打开目录就相当于以这个目录作为项目目录)

1、打开目录

2、创建代码文件

3、编写代码

此时,代码高亮/ 提示 / 自动缩进 就都有了

写完代码之后,记得保存(ctrl + s)

如果存在这个小圆点,说明是为保存的,就需要进行保存

4、允许代码

仍然是使用浏览器运行

 

 然后在弹出的文件资源管理器中,双击 html 或者拖拽到浏览器中运行,此时代码就能跑起来了


二、研究代码的特点

1、html 代码是通过标签来组织的

形如 <html> </html> 用尖括号组织的,成对出现的这个东西,就是 “标签” ,也可以叫做元素

2、一个标签通常是成对出现的

<html> 开始标签,</html> 结束标签

这俩之间的是标签的内容

3、标签是可以嵌套的

一个标签的内容可以是其他一个或者多个标签,此时,这些标签构成了一个树形结构:

4、在开始标签中,给标签赋予属性

属性可以相当于是键值对,可以有一个或者多个 

HTML 就基本的语法结构,就是这几个简单的规则,下一步要了解的,是当前 HTML 中都支持哪些标签,这些标签又是干什么的,每个标签有哪些基本属性......


三、HTML 常见标签 

HTML 不支持自定义标签

html 是一个 html 文件最顶层的标签,相当于树根节点

head 存放了这个页面的一些属性

body 存放了这个页面包含了哪些内容

 ! + tab 可以快速的生成一个基本的页面,我们只需要编辑 body 的内容即可,这个功能叫做 emmet 快捷键

注释标签

代码的注释,html 的注释,和一般的语言注释,差别很大

注释的内容,不会再在页面中显示

但是,如果我们右键查看网络源代码,是可以看到注释的

vscode 里,可以使用 ctrl + / 快速注释 

标题标签

h1 :最大,h6 最小

每个标题标签都是独占一行的,这个独占一行和代码的编写无关

在 html 里面,标签是否换行和代码的编写无关,而是和标签自身有关(有的标签独占一行,有的标签不独占)

在 html 源代码中写的 换行 会被忽略,写的空格,多个连续空格会被视作一个(有的时候忽略,有的时候视为一格)

段落标签

每个段落之间,不光是换黄,同时还有一个明显的段落间距

换行标签

br 标签表示换行

br 是一个单标签,不是成双成对出现的

格式化标签

这些标签都是不独占一行的

图片标签

网页上,是可以显示图片的,报纸上也是可以有图片的

img 有个核心属性,src(必填)

src 描述了该图片的路径(路径可以是本地的绝对路径,也可以是相对路径和网络路径)

使用相对路径的时候,一定要明确,工作目录是哪一个,html 的工作目录,就是 html 当前的所在的目录

img 别的属性:

alt 属性:在图片挂了的时候,就会显示 alt 对应的文本

title 属性:鼠标悬停在图片上,会给出一个提示

width / height : 描述图的尺寸

宽度和高度可以同时设置,也可以只设置一个,如果只设置一个,另一个就会等比例缩放

单位是 px :像素,这是在前端开发中最常见的单位

超链接标签

链接: link (快捷方式)

超:链接跳转到的页面,可以是当前网站之外的

还有一个属性:target 

一般都是写作 target = "_blank",就可以打开一个新的标签页,而不会替换原有页面

这里的域名,是可以替换成 ip 地址的

表格标签

table 表示整个表

tr 表示一行

td 表示一个单元格

th 表示表头中的一个单元格

 为了让这个表格看上去更像表格,我们可以在 table 后面添加属性:

如果想要让文字居中,就得使用到 CSS 了

 这个操作就是让所有 td 标签中的文字都居中

列表标签

有序列表 ol  ordered list

无序列表 ul  unordered  list

列表项 li   list item


表单标签:

form 标签

使用 form 进行前后端交替,把页面上,用户进行的 操作 / 输入 提交到服务器上

(在后面学习http 的时候,会具体写)


input标签:

有很多形态,能够表现成各种用户用来输入的组件

单行文本框

 也是单行文本框,但是是用来输入密码的 

 

单选按钮

对于单选框,需要加一个 name 属性,name 属性相同的单选框,值之间是互斥的,也就是只能选择一个,也可以加一个 checked 属性,加了 checked 的是初始被选择的

 

 复选框,可以反复选择,也可以使用 checked 属性来设置默认选中的

按钮,对于按钮点击之后要干什么,需要通过 js 来配合

还有一种是提交按钮,需要搭配 form 使用,外表和 buttoon 是差不多的,会触发 form 和服务器的交互

文件选择框


select 

下拉菜单


 textarea标签:

 多行编辑框

 

上述标签,也可以称为是 “控件” ,是构成一个图形化界面的基本要素


无语义标签:

前面的标签都是由特定含义的,无语义标签没有特定含义,意思是可以用在各种场景

div默认是独占一行的 [块级元素]

span 是不独占一行的 [行内元素]

如果一个页面中,全用 div 也不是不行,但是一般不建议这么做,表示一个内容还是优先考虑语义更贴切的标签


案例一:展示简历信息

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>个人简历</title>
</head>
<body><h1>馒头警告的简历</h1><h2>基本信息</h2><img src="C:\Users\Huang\Desktop\照片\馒头.jpg" alt="" height="200px"><div>求职意向:软件开发工程师</div><div>联系方式:110</div><div>邮箱:123456@qq.com</div><div><a href=https://blog.csdn.net/weixin_73616913?spm=1000.2115.3001.5343"> 馒头警告的博客</a></div><h2>教育背景</h2><ol><li>1990 - 1996 小葵花妈妈幼儿园</li><li>1997 - 2000 小葵花中学</li><li>2001 - 2020 小葵花高中</li><li>2021 - 2023 小葵花大学</li></ol><h2>专业技能</h2><ul><li>熟练掌握 Java 基本语法</li><li>熟悉常用的青年大学习</li><li>熟悉掌握学习强国技能</li></ul><h2>我的项目</h2><ol><li><h3>项目一</h3><p>开发时间:xxxx年 x 日</p><div>功能介绍</div><ul><li>功能一:xxxxxxx</li><li>功能二:xxxxxxx</li></ul></li><li><h3>项目二</h3><p>开发时间:xxxx年 x 日</p><div>功能介绍</div><ul><li>功能一:xxxxxxx</li><li>功能二:xxxxxxx</li></ul></li></ol><h2>个人评价</h2>这是一段个人评价.....
</body>
</html>

相关文章:

HTML基础知识点

目录 ​编辑一、使用 vscode 二、研究代码的特点 三、HTML 常见标签 注释标签 标题标签 段落标签 换行标签 格式化标签 图片标签 超链接标签 表格标签 列表标签 表单标签&#xff1a; form 标签 input标签&#xff1a; select textarea标签&#xff1a; 无语…...

基于CBAM-CNN卷积神经网络预测研究(Python代码实现)

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…...

iOS开发Swift-基本运算符

1.一元、二元、三元运算符 一元单一操作对象-a !b c!二元两个操作对象2 3三元三目运算符a ? b : c 2.赋值运算符() let a 10 var b 5 b a let (x, y) (1, 2)赋值运算符不返回任何值&#xff0c;所以 if x y { ... } 无效。 3.算术运算符 - * / 默认不允许数…...

Flink java 工具类

flink 环境构建工具类 public class ExecutionEnvUtil {/*** 从配置文件中读取配置(生效优先级&#xff1a;配置文件<命令行参数<系统参数&#xff09;** param args* return org.apache.flink.api.java.utils.ParameterTool* date 2023/8/4 - 10:05 AM*/public static …...

2023年你需要知道的最佳预算Wi-Fi路由器清单

买新路由器?让我们帮助你挑选一些既有很多功能和性能,又经济实惠的产品。 购买Wi-Fi路由器并不一定要倾家荡产,尤其是如果你不需要一个提供数百Mbps速度的路由器。廉价路由器是一个很好的选择,它包含了许多功能,不会对钱包造成影响。 一、2023年在廉价Wi-Fi路由器中寻找…...

Go语言基础之流程控制

流程控制是每种编程语言控制逻辑走向和执行次序的重要部分&#xff0c;流程控制可以说是一门语言的“经脉”。 Go语言中最常用的流程控制有if和for&#xff0c;而switch和goto主要是为了简化代码、降低重复代码而生的结构&#xff0c;属于扩展类的流程控制。 if else(分支结构…...

Git 安装、配置并把项目托管到码云 Gitee

错误聚集篇&#xff1a; 由于我 git 碰见大量错误&#xff0c;所以集合了一下&#xff1a; git 把项目托管到 码云出现的错误集合_打不着的大喇叭的博客-CSDN博客https://blog.csdn.net/weixin_49931650/article/details/132460492 1、安装 git 1.1 安装步骤 1.1.1 下载对应…...

C++信息学奥赛1147:最高分数的学生姓名

#include <iostream> #include <string> using namespace std; int main() {int n;// 输入一个整数ncin>>n;cin.ignore();string arr;string str;int max0;int fen;// 循环读取n个评分和对应的字符串for(int i0;i<n;i){cin>>fen>>arr;if(fen&…...

STM32使用PID调速

STM32使用PID调速 PID原理 PID算法是一种闭环控制系统中常用的算法&#xff0c;它结合了比例&#xff08;P&#xff09;、积分&#xff08;I&#xff09;和微分&#xff08;D&#xff09;三个环节&#xff0c;以实现对系统的控制。它的目的是使 控制系统的输出值尽可能接近预…...

【UE5:CesiumForUnreal】——3DTiles数据属性查询和单体高亮

目录 0.1 效果展示 0.2 实现步骤 1 数据准备 2 属性查询 2.1 射线检测 2.2 获取FeatureID 2.3 属性查询 2.4 属性显示 3 单体高亮 3.1 构建材质参数集 3.2 材质参数设置 3.3 添加Cesium Encode Metadata插件 3.4 从纹理中取出特定FeatureId属性信息 3.5 创建…...

无涯教程-PHP - 返回类型声明

在PHP 7中&#xff0c;引入了一个新函数返回类型声明&#xff0c;返回类型声明指定函数应返回的值的类型&#xff0c;可以声明返回类型的以下类型。 intfloatbooleanstringinterfacesarraycallable 有效返回类型 <?phpdeclare(strict_types1);function returnIntValue(i…...

DOS常见命令

DOS常见命令 DOS是什么如何打开DOScmd常见的命令集合 DOS是什么 DOC命令是我们浏览器中的终端 &#xff0c;但不同的是我们打开软件的方式 使用的是点击文件图标&#xff0c;点击图标的同时 我们也相当于使用一个命令 只是我们看不见而已 在电脑上操作的时候 通常都是使用命令…...

Qt应用开发(拓展篇)——示波器/图表 QCustomPlot

一、介绍 QCustomPlot是一个用于绘图和数据可视化的Qt C小部件。它没有进一步的依赖关系&#xff0c;提供友好的文档帮助。这个绘图库专注于制作好看的&#xff0c;出版质量的2D绘图&#xff0c;图形和图表&#xff0c;以及为实时可视化应用程序提供高性能。 QCustomPl…...

【精度丢失】后端接口返回的Long类型参数,不同浏览器解析出的结果不一样

1、业务背景 有个同事找我帮他看一个问题&#xff0c;他给前端提供了一个接口。 这个接口是用来反查id的&#xff0c;他这里这个参数正常的返回值应该是 283232039247028226。 但前端反馈他&#xff0c;前端在浏览器&#xff08;火狐&#xff09;获取的值是 283232039247028…...

2023年国赛 高教社杯数学建模思路 - 案例:感知机原理剖析及实现

文章目录 1 感知机的直观理解2 感知机的数学角度3 代码实现 4 建模资料 # 0 赛题思路 &#xff08;赛题出来以后第一时间在CSDN分享&#xff09; https://blog.csdn.net/dc_sinor?typeblog 1 感知机的直观理解 感知机应该属于机器学习算法中最简单的一种算法&#xff0c;其…...

java-红黑树

节点内部存储 红黑树规则 或者&#xff1a; 红黑树添加节点规则&#xff1a; 添加节点默认是红色的&#xff08;效率高&#xff09; 红黑树示例 注&#xff1a;红黑树增删改查性能都很好...

vue2 vue中的常用指令

一、为什么要学习Vue 1.前端必备技能 2.岗位多&#xff0c;绝大互联网公司都在使用Vue 3.提高开发效率 4.高薪必备技能&#xff08;Vue2Vue3&#xff09; 二、什么是Vue 概念&#xff1a;Vue (读音 /vjuː/&#xff0c;类似于 view) 是一套 **构建用户界面 ** 的 渐进式 …...

AI驱动下的智能制造:工业自动化的新纪元

随着人工智能&#xff08;AI&#xff09;技术的持续进步&#xff0c;其在工业自动化领域的影响日益显著。作为现代科技的代表&#xff0c;AI不仅为各行业带来了前所未有的商机和技术思路&#xff0c;更在工业自动化领域中引发了一场深刻的变革。本文将深入探讨AI对智能制造的影…...

docker 命令

一、docker命令 1、镜像保存 docker save imageid -o modelzoozl.tar #把镜像保存到本地 docker load -i dockername #把tar包load下来&#xff0c;load成镜像 docker export CONTAINERID/CONTAINERNAME -o modelzoozl.tar #把启动着的镜像导出 docker import modelzo…...

2023年高教社杯数学建模思路 - 复盘:光照强度计算的优化模型

文章目录 0 赛题思路1 问题要求2 假设约定3 符号约定4 建立模型5 模型求解6 实现代码 建模资料 0 赛题思路 &#xff08;赛题出来以后第一时间在CSDN分享&#xff09; https://blog.csdn.net/dc_sinor?typeblog 1 问题要求 现在已知一个教室长为15米&#xff0c;宽为12米&…...

生成式人工智能的潜在有害影响与未来之路(二)

利润高于隐私&#xff1a;不透明数据收集增加 背景和风险 生成型人工智能工具建立在各种大型、复杂的机器学习模型之上&#xff0c;这些模型需要大量的训练数据才能发挥作用。对于像ChatGPT这样的工具&#xff0c;数据包括从互联网上抓取的文本。对于像Lensa或Stable Diffusi…...

如何自己实现一个丝滑的流程图绘制工具(三)自定义挂载vue组件

背景 bpmn-js是个流程图绘制的工具&#xff0c;但是现在我希望实现的是&#xff0c;绘制的不是节点而是一个vue组件。 保留线的拖拽和连接。 方案 那就说明不是依赖于节点的样式&#xff0c;找到了他有个属性&#xff0c;就是类似覆盖节点的操作。 思路就是用vue组件做遮罩&…...

UNIAPP调用API接口

API&#xff1a;开发者可以通过这些接口与其它程序进行交互&#xff0c;获取所需数据或者执行指定操作。 网络请求 API: UniApp 中内置了网络请求 API&#xff0c;方便调用 uni.request uni.uploadFile uni.request 接口主要用于实现网络请求。GET 和 POST 是使用最普遍的两种…...

理解 Delphi 的类(五) - 认识类的继承

先新建一个 VCL Forms Application 工程, 代码中就已经出现了两个类: 一个是 TForm 类; 一个是 TForm1 类; TForm1 继承于 TForm. TForm 是 TForm1 的父类; TForm1 是 TForm 的子类. unit Unit1;interfaceusesWindows, Messages, SysUtils, Variants, Classes, Graphics, Contr…...

mybatis概述及搭建

目录 1.概述 2.mybatis搭建 1.创建一个maven项目&#xff0c;添加mybatis、mysql所依赖的jar 2.创建一个数据库表&#xff0c;及对应的java类 3.创建一个mybatis的核心配置文件&#xff0c;配置数据库连接信息&#xff0c;配置sql映射文件 4.创建sql映射文件&#xff0c;…...

DNDC模型---土壤碳储量、温室气体排放、农田减排、土地变化、气候变化中的应用

由于全球变暖、大气中温室气体浓度逐年增加等问题的出现&#xff0c;“双碳”行动特别是碳中和已经在世界范围形成广泛影响。国家领导人在多次重要会议上讲到&#xff0c;要把“双碳”纳入经济社会发展和生态文明建设整体布局。同时&#xff0c;提到要把减污降碳协同增效作为促…...

Android studio 2022.3.1 鼠标移动时不显示快速文档

在使用技术工具的过程中&#xff0c;我们时常会遇到各种各样的问题和挑战。最近&#xff0c;我升级了我的Android Studio到2022.3.1版本&#xff0c;但是在使用过程中&#xff0c;我碰到了一个让我颇为困扰的问题&#xff1a;在鼠标移动到类名或字段上时&#xff0c;原本应该显…...

五度易链最新“产业大数据服务解决方案”亮相,打造数据引擎,构建智慧产业!

快来五度易链官网 点击网址【http://www.wdsk.net/】 看看我们都发布了哪些新功能!!! 自2015年布局产业大数据服务行业以来&#xff0c;“五度易链”作为全国产业大数据服务行业先锋企业&#xff0c;以“让数据引领决策&#xff0c;以智慧驾驭未来”为愿景&#xff0c;肩负“打…...

简述hive环境搭建

文章目录 部署参数配置hive简单命令 部署 Hive的三种部署模式&#xff0c;主要按Metastore 的运行模式进行区分。 在安装Hive之前&#xff0c;要求先预装JDK 8、Hadoop、MySQL &#xff1b; 1.下载hive&#xff0c;并解压缩到用户主目录下 tar -xzvf apache-hive-2.3.6-bin.t…...

小米AI音箱联网升级折腾记录(解决配网失败+升级失败等问题)

小米AI音箱&#xff08;一代&#xff09;联网升级折腾记录 我折腾了半天终于勉强能进入下载升级包这步&#xff0c;算是成功一半吧… 总结就是&#xff0c;网络信号一定要好&#xff0c;需要不停换网找到兼容的网&#xff0c;还需要仔细配置DNS让音响连的上api.mina.mi.com 推荐…...