HTML笔记1

已于 2024-03-05 18:02:47 修改
阅读量1.7k 收藏 28
点赞数 29
文章标签： html 笔记 前端
于 2024-03-05 17:10:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cstttsc/article/details/136483310
版权

1，标签的写法

<strong>加粗内容</strong>

<hr>

2，快速生成骨架

!加[Tab]

<!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>

    给用户看的

</body>

</html>

3，标签的关系

<html>

    <head></head>

    <body>

       

    </body>

</html>

4，注释

Ctrl + Shift + P

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <title>Document</title>

</head>

<body>

    <!-- 这是文字，变成了注释，客户看不见 -->

    <strong>这是加粗文字</strong>

</body>

</html>

5，标题标签

<h1>...</h1>

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <title>Document</title>

</head>

<body>

    <h1>一级标签</h1>

    <h2>二级标签</h2>

    <h3>三级标题</h3>

    <h4>四级标题</h4>

</body>

</html>

6，段落标签

<p>...</p>

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <title>Document</title>

</head>

<body>

    <p>主要用于文章段落，自动换行，有默认行距。</p>

    <p>主要用于文章段落，自动换行，有默认行距。</p>

    <p>主要用于文章段落，自动换行，有默认行距。</p>

</body>

</html>

7，换行与水平线标签

...<br>换行

...<hr>水平线

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <title>Document</title>

</head>

<body>

    第一行内容<br>

    第二行内容<hr>

</body>

</html>

8，文本格式化标签

<strong>...</strong>加粗内容

<em>...</em>斜线

<ins>...</ins>下划线

<del>...</del>删除线

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <title>Document</title>

</head>

<body>

    <strong>加粗内容strong</strong><br>

    <em>斜线em</em><br>

    <ins>下划线ins</ins><br>

    <del>删除线del</del>

</body>

</html>

9，图像标签

<img src="...">

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <title>Document</title>

</head>

<body>

    <img src="./57daeeab9de42fc2a66369c000b42709.jpg">

    <img src="./lofter_1658434302302.jpg" >

</body>

</html>

10，图像标签_属性

alt="..."

title="..."

width="..."宽

height="..."高

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <title>Document</title>

</head>

<body>

    <img src="./forget me not.pdf" alt="哎呀图片找不到了"><br>

    <img src="./57daeeab9de42fc2a66369c000b42709.jpg" title="这是图片"><br>

   

    <!-- 宽度高度为等比例缩放 -->

    <img src="./57daeeab9de42fc2a66369c000b42709.jpg" width="100"><br>

    <img src="./lofter_1658434302302.jpg" height="100">

</body>

</html>

cstttsc
关注
  • 29
    点赞
  • 踩
  • 28
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML5学习笔记
m0_61721166的博客
03-08 8991
一、网页 1.什么是网页 网站是指在因特网上根据一定的规则，使用 HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页” ，通常是 HTML 格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html 后缀结尾的文件，因此将其俗称为HTML文件。 2.什么是HTML HTML指的是超文本标记语言(HyperTextMarkupLanguage)，它是用来描述网页的一种语言。HTML不
使用html记笔记,如何用前端的方式记笔记
weixin_42297705的博客
06-16 1487
直至今日才发觉记笔记的重要性，慌乱中开始选择笔记类的工具，其实之前也很用过不少记录笔记的工具或者方式，下面谈谈我的使用感受：Microsoft Office World:虽然已是业内标准，兼容性不用怀疑，但是其打开速度实在不敢恭维(虽然在我的安装了SSD的笔记本上表现尚可)。另外Office产品比较封闭，文本格式转换不方便。另外Word使用起来还得稍加练习相应使用技巧，有一定的学习成本(我是指写出...
HTML笔记（精简）
weixin_46160720的博客
03-08 1591
html 笔记 vscode 前端三大件
HTML+CSS+JS笔记
2301_79880794的博客
01-18 1551
超文本标记语言编程语言标记语言web 页面。
HTML笔记整理（个人笔记）
w3535222的博客
03-07 3781
个人笔记
网页设计html 笔记
CSDN_liudong888的博客
04-22 1387
html介绍； 定义：超文本标记语言，不是编程语言； 包含：图片，链接，视频，文档，文字，表格 功能：测试前端页面元素，做ui自动化测试需要理解元素定位； 特点：简易性，可拓展性 （3）平台无关性 （4）通用性 什么人员使用html？ （1）前端开发 javascript+html+css H5==html5 （html第5版本） 前端开发的职责：负责页面涉及，页面排版 后端开发：负责后台业务逻辑，使用编程语言，前后端需要业务对接 （2）测试人员 定位元素，实现ui自动化 5、html 查看方式
印象笔记导入html笔记,Evernote Importer｜印象笔记导入
weixin_33978722的博客
06-17 1573
Evernote Importer｜印象笔记导入0.87MB. Updated 2020-08-01. Only supports Anki 2.1.x.DescriptionEvernote Importer 是一款将印象笔记导入自动化的 Anki 2.1 插件。用户文档和开发者文档参见本项目的 GitHub 主页。如您在使用中遇到问题或对插件功能有好的建议，欢迎通过以下两种方式之一与我联系：...
【HTML】HTML学习笔记（全）
热门推荐
Bitdancing的专栏
12-09 1万+
前端HTML学习笔记大全
有道云笔记生成html,有道云笔记文件怎么导出 有道云笔记文件导出方法
weixin_39837607的博客
06-09 1334
有道云笔记相信大家都用过，它能很好的帮我们保存各种文档或者照片，但是我们怎么从这些在线存储类的云笔记中导出我们的想要的文字呢，下面小编就教大家怎么导出有道云笔记里面的文件1、首先我们要云笔记的登陆框，在上面输入账号和密码以后，点击登陆按钮登陆你的笔记账户。2、这便是云笔记的界面，里面的这些内容都是以前存储过的。而且在左边全部将它们进行了分类，当然是自定义的目录。3、我们选择其中的一个笔记然后保存。...
印象笔记保存html,印象笔记怎么保存网页 印象笔记保存网页教程
weixin_30726605的博客
06-11 1211
印象笔记的功能非常丰富，如果你想要将网页上的信息快速保存下来，就可以用印象笔记推出的“印象笔记·剪藏”(简称“剪藏”)浏览器插件，它能够帮助你快速而轻松地将网页上的所有内容保存到印象笔记中。IE 10浏览器使用剪藏1、安装了印象笔记之后，印象笔记会自动在IE浏览器中添加相应的印象笔记剪藏工具插件(加载项)。如果你使用的是IE 10浏览器，那么在安装后可能会找不到剪藏工具的按钮，这时候你可以直接在浏...
ypjh001#-#HTML笔记1
07-25
HTML元素网站列表表单表格\元素创建一个表。要将数据添加到行中，可以使用\元素。使用该\元素创建表格的头部。使用该\元素创建表的主体。使用\元素创建表的页脚。
HTML笔记总结(1).md
04-25
HTML笔记总结(1).md
HTML 笔记.zip
02-06
这个“HTML笔记.zip”文件显然包含了关于HTML的学习资料，可能包括了基础概念、语法、元素、属性、标签等内容，帮助初学者或进阶者巩固和理解HTML的核心知识。 在HTML中，我们通过一系列的标签来构建网页结构。例如...
使用html和css实现康奈尔笔记(5R笔记)模板
09-24
在本文中，我们将探讨如何利用HTML和CSS技术创建一个康奈尔笔记（5R笔记）模板。康奈尔笔记法是一种高效的学习和整理知识的方法，它通过将笔记分为问题、笔记和总结三个区域，帮助记忆和复习。通过自定义HTML和CSS...
HTML笔记.pdf
07-14
"HTML笔记.pdf" HTML笔记.pdf是一个详细的HTML笔记，涵盖了HTML的基础知识、标签、属性、事件、表单、超链接、图像、表格、列表等内容。下面是从文件中提取的相关知识点： 1. HTML基础知识： * DOCTYPE html是...
HTML 揭秘：HTML 编码快速入门
m0_53117341的博客
09-09 776
HTML 揭秘：HTML 编码快速入门一 . 前端知识介绍二 . HTML 介绍三 . HTML 快速入门四 . HTML 编辑器 - VSCode4.1 插件安装4.2 修改主题配色4.3 修改快捷键4.4 设置自动保存4.5 创建 HTML 文件4.5 书写 HTML 代码4.6 常见快捷键五 . 基础标签5.1 字体标签5.1.1 color 属性5.1.2 size 属性5.1.3 face 属性5.2 i 标签、b 标签5.3 hr 标签5.4 br 标签5.5 center 标签5.6 练习5.
前端用html写excel文件直接打开
最新发布
全易
09-10 253
html文件直接用excel打开
AWTK HTML View 控件更新
国产开源 GUI 引擎 AWTK
09-07 627
AWTK HTML View 控件基于 [Lite HTML](https://github.com/litehtml/litehtml) 实现，从最初的版本开始，3 年多过去了，Lite HTML 做了大量的更新，最近抽空将 AWTK HTML View 控件适配到最新版本的 Lite HTML，欢迎大家使用。
HTML转义字符对照表
云博客_资源宝分享
09-10 453
HTML转义字符对照表
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值