html基础

最新推荐文章于 2024-04-18 05:00:00 发布
最新推荐文章于 2024-04-18 05:00:00 发布
阅读量49 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_53504770/article/details/119541866
版权 

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>刘大大</title>
</head>
<body>
<input type="text"></input>

喜欢的动漫：
<input type="checkbox"> 海贼王
<input type="checkbox"> 火影忍者
<input type="checkbox"> 魔道祖师
<input type="checkbox"> 清秦时明月
<input type="checkbox"> 死神
</input>
<br>

复选框 性别：
<input type="radio" name="sex">男
<input type="radio" name="sex">女
<input type="radio" name="sex">未知
<input type="radio" name="sex">人妖
</input>

上传文件：
<input type="file">
<br>
按钮
<input type="button" value="hello html" disabled>
<button>点我点我点我呀，有惊喜哦</button>

<br>

图片
<!--链接-->
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" height="129" width="270" >
<br>
下拉框
年龄：<select>
    <option> 20岁以下 </option>
    <option> 20-25岁 </option>
    <option> 25-30岁 </option>
    <option> 30岁以上 </option>
    </select>
<br>
表单行
<form>
    <input type="text">
    <table border="4">
        <tr>
            <td> 11 </td>
            <td> 22 </td>
            <td> 33 </td>
        </tr>
         <tr>
            <td> 11 </td>
            <td> 22 </td>
            <td> 33 </td>
        </tr>
         <tr>
            <td> 11 </td>
            <td> 22 </td>
            <td> 33 </td>
        </tr>
    </table>
</form>
</br>

内联框架，里面放的是另一个页面
<iframe src="http://www.baidu.com">
</iframe>
</br>

多文本域
<textarea>
</textarea>
</br>

标题
<h1 id="title">大家好，我是刘大大!!!</h1>
<h2>大家好，我是刘大大</h2>
<h3>大家好，我是刘大大</h3>
<h4>大家好，我是刘大大</h4>
<h5>大家好，我是刘大大</h5>
<h6>大家好，我是刘大大</h6>


alert()函数，弹框并带有ok键
function 定义函数关键字，相当于python的def

window.onload 加载


onmouseover 颜色变化
onmouseout
<script>
    //function aaa() {
    //  var a = [1,2,3,4,5555];
    //  alert(a[-1])
    //  }
    //  aaa()

    //window.οnlοad=function(){
    //    alert("everything is ready!!")
    //}

    a = document.getElementById("title");
    a.onmouseover = function(){
        a.style.color = "green";
    };
    a.onmouseout = function(){
        a.style.color = "red";
    };

</script>

</body>
</html>
古德拉克668
关注
HTML基础（新手入门教程）
华夏天骄
05-17 5189
「学习笔记」HTML基础 前言 勤做笔记不仅可以让自己学的扎实，更重要的是可以让自己少走弯路。有人说:“再次翻开笔记是什么感觉”，我的回答是:“初恋般的感觉”。或许笔记不一定十全十美，但肯定会让你有种初恋般的怦然心动。???????? 本章着重复习Html的基础内容，学习Html究竟要学些什么呢？主要是学习各种标签，来搭建网页的“结构”。✨✨ 本篇文章主要由五个章节构成，从WEB标准到初识HTML，接着学习HTML常用标签，最后学习表格列表和表单。????????开始充电之旅啦~~~ 一、认识WEB **「
HTML零基础入门教程（详细）
热门推荐
ZONGXP的博客
10-22 23万+
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。 HTML 指的是超文本标记语言:HyperTextMarkupL...
HTML基础
Hermione_m的博客
12-03 3425
html基础 一：基本格式 HTML的注释，注释中的内容会被浏览器所忽略，不会在网页中直接显示，但是可以在源码中查看注释，注释用来对代码进行解释说明的。开发中一定要养成良好的编写注释的习惯，注释要求简单明了 [文档：HTML.mindmap]https://note.youdao.com/ynoteshare/index.html?id=d30ed2bb7082b5267abd8fa1c4cb6afa&type=note&_time=1638518614003 关于标签的..
html基础语法总结
花狗Fdog的博客
12-17 5636
文章目录一.HTML是什么？二.HTML文档结构三.元素1.按单/双标记划分2.按块状/行内元素划分3.块状元素和行内元素的互相转换四.重点1.图像链接2.导航菜单①列表②超链接3.表单4.表格 一.HTML是什么？        HTML(Hyper Text Mark-up Language超文本标记语言)：不是编程语言，而是一种描述性的标记语言，用于描述网页中内容的显示方式，Web 浏览器读取HTML 文档，并以网页的形式显示..
HTML基础教程（非常详细）从零基础入门到精通，看完这一篇就够了。
wangluoanquan111的博客
09-05 1万+
HTML全称Hyper Text Markup Language, 翻译成中文就是超文本标记语言，是一种最基础的网页开发语言, 需要注意的是HTML并不是编程语言, 而是一种标记语言超文本可以理解为超越了文本的意思, 也就是超级文本, 超文本不只是普通的文本内容, 还可以加入图片,视频,声音等内容, 甚至可以从一个文件跳转到另一个文件(超级链接文本)标记语言可以理解为一套标记标签,也就是由许多标记标签组成的语言。
HTML基础————table标签
憨憨的博客
05-07 1万+
html——table
HTML基础 - HTML列表
qq_45383769的博客
04-08 1万+
HTML基础 - HTML列表 html的列表主要有两种，一种是无序列表，一种是有序列表。 1.无序列表 <ul> <li> (1)无序列表基础版 主要使用<ul>标签和<li>标签 无序列表表示只是列表而已，没有什么顺序之分它的展现形式是由<ul>标签包裹着<li>标签： (2)无序列表实心方块图标 关键语句： <ul style="list-style-type: square;"> (3)无序列表空心圆图标 关键
HTML常用基础标签详解
实泽有之，无泽虚之
03-09 3031
本文通过样例详解HTML常用的基础标签，包括以下标签：html、h1、h2、h3、h4、h5、h6、body、p、a、br、img。
HTML基础+案例（适合零基础小白）
qq_42907061的博客
06-16 1754
HTML练习 1. HTML简介 HTML注释标记是<!- -> HTML不用区分大小写，但是建议用小写 当网页既设置了背景图像有设置了背景色，那么以背景图片为主 URL：统一资源定位器（uniform Resource Locator） http：超文本传输协议 2. HTML基本标签 斜体：<i></i> 粗体：<b></b> 删除线：<s></s> 一条横线：<hr> 段落标记：<p>&l
HTML基础知识
田雪艺
02-28 8911
HTML：全称Hyper Text Markup Language超文本标签语言，是网页的源码 其源码解释和执行的工具是浏览器 HTML与C#有一点不同的是不区分大小写，而C#是严格区分大小写的，网页文件格式为：.html或者.htm HTML基本结构： <html> </html> 段落标签：<p></p> 空格标签：&nbsp 标题标签：<h#>:#=1~6 图片标签：<img src="..." />..
【前端学习笔记】HTML 基础
2401_84304834的博客
04-18 2510
HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标准标记语言。它允许用户通过结合文本、图像、链接、格式等元素来构建网页，并通过浏览器进行解析和显示。HTML文件通常以.html或.htm为扩展名，包含一系列的标签（tags），这些标签用于定义网页的结构、样式和内容。
HTML基础模板
qq_61690596的博客
07-18 2153
HTML基本模板，每个基础元素的内容和作用
HTML基础练习题
weixin_50108821的博客
09-23 1万+
第一题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>嘿嘿嘿</title> </head> <body> <table border="1" cellspacing="0" cellpadding="0"> <tr align="center">
《Web程序设计基础R》实验报告---HTML基础
一只小鹿的博客
12-21 4882
一、实验目的 1．掌握常用的HTML语言标记； 2．利用文本编辑器建立HTML文档，制作简单表单页面。 二、实验环境 计算机、Windows10 操作系统 三、实验内容、源码及运行结果 1．  实验内容 在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用） 源程序清单如下： 1. <html> 2. <head> 3. <title>Example</title&
yolov10预训练模型.rar
11-05
在按照YOLOv10官网上的步骤进行时，运行app.py文件时，如果没有预训练模型的话会报错。解压压缩包里的内容到同级目录下（在requirements.txt文档下面），这样运行后就不会报错。
Linux Socket编程、IO模型及进程间通信的完整实用案例
最新发布
11-05
在IT领域，Linux系统是广泛应用于服务器和嵌入式设备的操作系统。对于系统开发者和管理员，深入理解Linux的Socket编程、IO模型以及进程间通信（IPC）是至关重要的。本资料包提供了三个主要部分的学习资源：`process_comm`涉及进程间通信，`linux_socket`涵盖Socket编程，而`io_mode`则讨论Linux的IO模型。接下来，我们将详细探讨这些关键知识点。 让我们来看看**Linux Socket编程**。Socket是网络通信的基本接口，它允许两个或多个进程通过网络进行数据交换。在Linux中，Socket编程通常涉及到以下步骤：创建Socket，绑定IP地址和端口号，监听连接请求，接受连接，发送和接收数据，最后关闭Socket。`linux_socket`目录可能包含了示例代码，演示如何创建TCP或UDP Socket，处理并发连接，以及实现基本的错误处理机制。理解Socket编程有助于开发网络服务，如Web服务器、FTP服务器等。 我们来讨论**Linux IO模型**。在Linux中，有五种主要的IO模型：阻塞IO、非阻塞IO、IO复用（
apsw-3.38.5.post1-cp310-cp310-win_amd64.whl.rar
11-05
python whl离线安装包 pip安装失败可以尝试使用whl离线安装包安装 第一步 下载whl文件，注意需要与python版本配套 python版本号、32位64位、arm或amd64均有区别 第二步 使用pip install XXXXX.whl 命令安装，如果whl路径不在cmd窗口当前目录下，需要带上路径 WHL文件是以Wheel格式保存的Python安装包， Wheel是Python发行版的标准内置包格式。 在本质上是一个压缩包，WHL文件中包含了Python安装的py文件和元数据，以及经过编译的pyd文件， 这样就使得它可以在不具备编译环境的条件下，安装适合自己python版本的库文件。 如果要查看WHL文件的内容，可以把.whl后缀名改成.zip，使用解压软件（如WinRAR、WinZIP）解压打开即可查看。 为什么会用到whl文件来安装python库文件呢？ 在python的使用过程中，我们免不了要经常通过pip来安装自己所需要的包， 大部分的包基本都能正常安装，但是总会遇到有那么一些包因为各种各样的问题导致安装不了的。 这时我们就可以通过尝试去Python安装包大全中（whl包下载）下载whl包来安装解决问题。
aiohttp-3.6.2-cp35-cp35m-win32.whl.rar
11-05
python whl离线安装包 pip安装失败可以尝试使用whl离线安装包安装 第一步 下载whl文件，注意需要与python版本配套 python版本号、32位64位、arm或amd64均有区别 第二步 使用pip install XXXXX.whl 命令安装，如果whl路径不在cmd窗口当前目录下，需要带上路径 WHL文件是以Wheel格式保存的Python安装包， Wheel是Python发行版的标准内置包格式。 在本质上是一个压缩包，WHL文件中包含了Python安装的py文件和元数据，以及经过编译的pyd文件， 这样就使得它可以在不具备编译环境的条件下，安装适合自己python版本的库文件。 如果要查看WHL文件的内容，可以把.whl后缀名改成.zip，使用解压软件（如WinRAR、WinZIP）解压打开即可查看。 为什么会用到whl文件来安装python库文件呢？ 在python的使用过程中，我们免不了要经常通过pip来安装自己所需要的包， 大部分的包基本都能正常安装，但是总会遇到有那么一些包因为各种各样的问题导致安装不了的。 这时我们就可以通过尝试去Python安装包大全中（whl包下载）下载whl包来安装解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值