html初步学习

最新推荐文章于 2024-11-06 07:17:43 发布
最新推荐文章于 2024-11-06 07:17:43 发布
阅读量66 收藏
点赞数 1
文章标签： html 学习 Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_73963149/article/details/128890171
版权

记录一些基本操作

<!DOCTYPE html> <!-- 声明为html5文档 -->
<html>
<!--  <html>元素是html页面的根元素-->

<head>
    <meta charset="utf-8"><!--   定义网页编码格式 以防乱码 -->
    <title>WORLD</title> <!--  描述文档标题 -->
</head>

<body>
    <iframe src="https://cn.bing.com/?FORM=Z9FD1" height="200" width="1300" title="description"></iframe>
    <!--  # 包含可见的页面内容 -->
    <h1>HELLO</h1> <!--  定义一个大标题 -->
    <p>Hello world!</p> <!--  定义一个段落 -->
    <br>
    <!--换行-->
    <hr>
    <!--水平线-->
    <b>粗体文本</b>
    <code>计算机代码</code>
    <em>强调文本</em>
    <i>斜体文本</i>
    <kbd>键盘输入</kbd>
    <pre>预格式化</pre>
    <small>更小的文本</small>
    <strong>重要的文本</strong>
    <h2>HELLO</h2>
    <p>Hello world!</p> <!-- 标题字体递减 -->
    <a href="https://cn.bing.com/?FORM=Z9FD1">Microsoft Bing</a> <!-- 普通链接 -->
    <a href="https://cn.bing.com/?FORM=Z9FD1"><img src="./image/Microsoft Bing.png" alt="Bing"></a>
    <!--图像链接-->
    <a href="mailto:1291095196@qq.com">发送e-mail</a>
    <!--邮件链接-->
    <img src="./image/Microsoft Bing.png" width="260" height="70" />
    <!-- <table>表格  <tr>行</tr>  <th>表头</th>   <td>单元格</td> -->
    <style>
        h1 {
            color: red;
        }

        p {
            color: blue;
        }
    </style>
    <!--设置文字颜色-->
    <div>文档中的块级元素</div>
    <span>文档中的内联元素</span>
    <ul>
        <li>项目1</li>
        <li>项目2</li>
    </ul>
    <!-- · 项目-->
    <ol>
        <li>第一项</li>
        <li>第二项</li>
    </ol>
    <!--1.第一项  二者区别在于前面是否有标号-->
    <dl>
        <dt>项目 1</dt>
        <dd>描述项目 1</dd>
        <dt>项目 2</dt>
        <dd>描述项目 2</dd>
    </dl>
    <!--定义列表    缩进-->
    <table border="1">
        <!--border表示边框厚度-->
        <tr>
            <th>Header 1</th>
            <th>Header 2</th>
        </tr>
        <tr>
            <td>row 1, cell 1</td>
            <td>row 1, cell 2</td>
        </tr>
        <tr>
            <td>row 2, cell 1</td>
            <td>row 2, cell 2</td>
        </tr>
    </table>
    <!--表格-->
    <form action="demo_form.php" method="post/get">
        <input type="text" name="email" size="40" maxlength="50">
        <input type="password">
        <input type="checkbox" checked="checked">
        <input type="radio" checked="checked">
        <input type="submit" value="Send">
        <input type="reset">
        <input type="hidden">
        <select>
            <option>苹果</option>
            <option selected="selected">香蕉</option>
            <option>樱桃</option>
        </select>
        <textarea name="comment" rows="60" cols="20"></textarea>
    </form>
</body>

</html>

<!--
<abbr> （缩写）
<address> （联系信息）
<bdo> （文字方向）
<blockquote> （从另一个源引用的部分）
<cite> （工作的名称）
<del> （删除的文本）
<ins> （插入的文本）
<sub> （下标文本）
<sup> （上标文本）
-->


<!--
实体
&lt; 等同于 <
&gt; 等同于 >
&#169; 等同于 ©
-->
不期而遇__
关注
HTML和CSS初步学习
m0_63195227的博客
02-12 8401
Web标准提出的最佳体验方法：结构，样式，行为相分离 简单理解：结构写到HTML中，表现写到CSS中，行为写到javascript中 （1） HTML语法规范 标签一般要成对出现。Eg 双标签可以分为包含关系和并列关系 （2） HTML 基本结构标签 第一个页面 ---- !!文档后缀名必须是html （3） 开发工具—vscode 创建（ctrl+N）保存（ctrl+S）生成页面骨架结构（！+tab） 2. 网页开发工具 （1） <！DOCTYPE&gt.
HTML和Css的学习
SYX_lh的博客
10-19 4319
学习HTML和Css
HTML基础学习
qq_46492364的博客
03-03 2759
文章目录前端学习一、【前端开发介绍】二、【互联网原理】三、【纯文本格式】四、【HTML概述】五、【HTML标签】六、【HTML元素】七、【HTML属性】总结 前端学习 今天是正式学习前端的第一天，以前也学过一点点，今天开始将在这里见证我的前端成长之路，我将把每日学到的东西进行梳理总结，分享在这里啦！ 一、【前端开发介绍】 前端开发：创建web页面或者是APP等前端界面呈现给用户的过程。 核心技术：HTML 、CSS 、JavaScript及衍生出的各种技术和框架等。 应用场景：PC、移动APP、小程.
DeepStream初步学习
Tosonw的博客
02-04 4万+
一、简介 二、下载 可以直接源码git：git clone https://github.com/deepstreamIO/deepstream.io.git 我是下载的v4.0.0版本：https://github.com/deepstreamIO/deepstream.io/archive/v4.0.0.tar.gz 当然我实际使用的deepstream是在Jetson Xavier上的dee...
对于html的初步认识
weixin_50725886的博客
04-16 980
一、什么是html？ 二、对于html编写环境的个人见解 三、html的学习之路建议 四、 一、什么是html？ HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。 以上都是百度对于html的解释，就个人看法而言，html就是通过特定的标签来对网页页面进行布局...
HTML学习内容总结
qq_48681023的博客
07-10 2312
HTML学习总结
WebStorm 初步使用 & HTML5 学习报告
热门推荐
weixin_38057349的博客
04-15 5万+
WebStorm 初步使用WebStorm介绍WebStorm是Jetbrains公司旗下的一款JavaScript开发工具，因其界面简洁，操作方便，被广大国内JS开发者誉为“Web前端开发神器”。WebStorm具有智能代码补全、代码格式化、html提示、联想查询、代码调试等多种优势功能，其对业界最新技术提供支持，支持流行的版本控制系统，为前端开发人员提供了极大的方便。WebStorm安装到官网...
HTML标签学习
qq_43203949的博客
05-01 8770
HTML标签学习 1.HTML标签初步认识 HTML是以一个一个标签组成的，标签中可以添加属性，来改变他们的样式。 <!--双便签--> <标签> <标签 属性名="属性值" 属性名="属性值"> </标签> </标签> <!--单便签--> <便签/> <便签> 2.HTML注释 多行注释： ...
HTML学习之路-06盒子模型
weixin_63204687的博客
08-22 2715
对盒子模型进行初步讲解
初次学习HTML的感受
Zhuang_Z的博客
07-29 2891
HTML是什么 HTML，即超级文本标记语言。是用于构建网页的一种标记语言，它与编程语言需要被严格的区别开来。 使用HTML的感受 初次接触HTML的我，第一感受是HTML的简易性，初步理解了为什么新手适合学习HTML。因为HTML拥有非常严谨的结构，非常规律性的组织，以及非常高的容错率。我所使用的编程软件是sublime，在安装了插件之后，使用HTML甚至变成了一种游戏而非枯燥的编码过程。就像乐...
HTML初步学习，笔记记录
07-18
HTML初步学习笔记记录 HTML（Hyper Text Markup Language）是一种超文本标记语言，不是一种编程语言，而是一组标签，用于描绘整个网页的内容。 HTML标签通常是成对出现的，第一个标签是开始标签，第二个标签是结束...
初步学习html.zip
03-13
html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目...
初步学习HTML CSS JS 工程.zip
03-13
html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目源码 供学习参考 html 学习资料 项目资料 项目...
HTML 基础标签——元数据标签 ＜meta＞
Allen-
11-01 452
标签通常位于文档的部分。它用于定义文档的元数据，包括字符编码、文档描述、关键字、作者信息等。这些信息可以帮助浏览器正确解析和显示文档，同时还可以提供搜索引擎索引所需的信息。
HTML前端页面设计静态网站-仿百度
2402_86955314的博客
11-02 437
浅浅分享一下前端作业，大佬轻喷~
HTML 标签属性——id、class、style 等全局属性详解
Allen-
11-02 295
HTML全局属性是一组可以应用于几乎所有HTML元素的特殊属性。这些属性提供了额外的功能和信息，使得网页开发者能够更好地控制元素的行为、样式和可访问性。
HTML字符实体详解
Allen-
11-03 125
HTML 字符实体是在 HTML 文档中用来表示特定字符的特殊编码。这些字符可能因为直接输入而引发解析错误，或某些字符在 HTML 中具有特殊含义（例如，< 和 > 用于标签）。因此，使用字符实体可以确保文本的准确呈现。
HTML的文本样式（二）
最新发布
2302_79986066的博客
11-06 611
巅峰礼赠</p><p id="p01">我喜欢HTML
HTML 基础标签——文本内容标签 ＜ul＞、＜ol＞、＜blockquote＞ 、＜code＞ 等标签的用法详解
Allen-
11-01 676
在 HTML 文档中，文本内容标签用于定义和格式化文本信息。这些标签不仅使文本内容易于阅读和理解，还可以通过不同的格式和结构增强网页的可读性。本文将详细介绍常用的文本内容标签，包括标题标签、段落标签、文本格式化标签、列表标签、引用标签，以及代码和预格式文本标签。
HTML基础学习指南：从入门到初步实践
学习HTML是构建Web页面的第一步，能够让你创建简单的静态网页。随着进一步的学习，你还将接触到CSS（Cascading Style Sheets）用于控制样式，JavaScript用于增加交互性，以及更复杂的Web技术，如框架和库，如...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值