HTML-随笔01

已于 2022-04-23 14:31:43 修改
阅读量964 收藏
点赞数
文章标签： html
于 2022-03-09 08:35:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gongsixing1998/article/details/123367959
版权

目录

web标准

web标准是由结构、表现和行为组成的，分别对应html、css和js。HTML定义了网页的内容和含义，CSS则通常用来描述一个网页的表现与展示效果，javaScript则决定了页面的功能和交互行为。

认识网页

网页的基本组成部分：文字、图片、超链接、视频和音频。

五大浏览器及其渲染引擎

  1. ie浏览器–Trident（猎豹浏览器、360极速浏览器、百度浏览器也是Trident）
  2. 火狐浏览器（Firefox）–Gecko
    3.谷歌浏览器(Chrome)–Blink
    4.safari浏览器–Webkit
    5.欧朋浏览器(Opera)–Blink
    Blink其实是Webkit的分支

HTML初体验

  1. HTML是超文本标记语言，超级链接文本，超越文本限制。
  2. HTML骨架结构：
                 <head>
                     <title>网页的标题<title/>
                 </head>
                 <body>
                     主体代码
                 </body>
              </html>
  1. 开发工具使用：VSCode，Sublime，HBuilder，Notepad++等。

HTML语法规范

HTML标签的构成

  1. HTML是由双标签和单标签构成，双标签如：<strong></strong>,单标签如：<br>、<hr>等。

HTML标签的属性：

  • 标签上可以同时存在多个属性
  • 属性之间通过空格隔开
  • 标签的属性写在开始标签的内部
  • 标签名与属性之间必须通过空格隔开
  • 属性之间没有顺序之分

HTML标签的关系

嵌套和并列关系

排版系列标签

标题标签

  • 代码：h1~h6
  • 语义：标题
  • 显示特点：1、文字都有加粗2、文字都有变大，h1最大，至h6逐渐减小
  • 独占一行，块元素。

段落标签

  1. p标签
  2. 语义：段落
  3. 显示特点：1、段落之间有默认的间隙2、独占一行，块元素

水平线标签

  1. hr标签，单标签
  2. 作用：在网页中显示出一条水平线

换行标签

  1. br标签，单标签
  2. 作用：强制其后面的内容换行

文本格式化标签

标签语义化

第一组、

  • <b></b>:对标签内文字加粗处理
  • <u></u>:对标签内的文字加下划线
  • <i></i>:使标签内的文字倾斜
  • <s></s>:对标签内的文字加删除线

第二组、

推荐使用这一组，其语义更强

  • <strong></strong>:对标签内文字加粗处理
  • <ins></ins>:对标签内的文字加下划线
  • <em></em>:使标签内的文字倾斜
  • <del></del>:对标签内的文字加删除线

媒体标签

图片标签

标签：<img>

作用：在网页上显示一张图片

属性：

  1. src：图片的路径
  2. alt：替换文本，
阿福冲冲冲
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
webpack随笔01-html-webpack-plugin
uikoo9的专栏
03-14 1825
【前言】 看过webpack手册系列（翻译官方webpack guides，并添加示例）后基本可以上手webpack， 其中有一章讲到使用html-webpack-plugin这个插件生成html， webpack手册-03-Output Management_uikoo9的专栏-CSDN博客 但是使用相对比较简单，遇到一些复杂的场景就不知道怎么操作了， 本章介绍一下html-webpack-plugin这个插件 github地址：GitHub - jantimon/html-webpack..
网络安全学习－－随笔
每天叫醒我的不是闹钟,是梦想
01-19 2749
目录 一些网络安全事件： 数据泄露后的一些黑产： 可能有错误或理解不当的地方，随时会修改。 一些网络安全事件： １.　京东12G数据泄露 ２.　７天连锁店数据泄露 ３.　国外有一个网站，收集了很多可以远程查看的摄像头。以提醒大家。 数据泄露后的一些黑产： １.　使用某个网站的用户和密码，去其他网站进行碰库，取走资料 ２.　通过个人详细资料进行诈骗 ３.　伪基站进行诈骗 ４.　收集大数据，进行信息贩卖。人肉个人信息收费 ５.　商业数据分析 ...
Bazel－随笔
taochengwu123的博客
05-27 2317
1.　规则添加　　 在build文件中经常看到load(xxxxxxxxxx)类似行，这是为文件添加的规则，其是也是一个声明： load("@build_bazel_rules_apple//apple:iso.bzl", "ios_application") 中告诉bazel要用build_bazel_rulers_apple这个库里的那个规则来编译相应的Target.（从apple:iso...
Maven项目管理-随笔（入门）
是个非常热爱生活、乐观、奋斗、努力的逗比青年
06-16 2010
Maven是一个开源的项目管理工具，它可以帮助开发人员自动化构建、测试和部署Java项目Maven是一个开源的项目管理工具，它可以帮助开发人员自动化构建、测试和部署Java项目。统一管理Jar包的工具（处理Jar包的依赖和冲突问题）方便编译和测试，打包代码的工具依赖管理是Maven的一个重要功能，它可以自动管理项目的依赖关系，包括下载、安装和更新依赖库；它提供了中央仓库，能帮我们自动下载构件。点击进入这下面的是我常用的一些依赖--依赖第三方配置-->
HTML随笔
个人博客
04-28 2030
知识点 padding: 50px; //内边距
Django - 随笔（自用）
⚡
06-22 1507
【2019.06.24更新】 Form表单中的斜线（需要添加）： Django的MTV（服务器端的应用模式）： Model： Templates：存储着向用户展示的HTML文档/页面； Views：存放对Templates文件夹中的html文件的调用方法 项目中部分文件/文件夹之间关系： 【2019.06.25更新】 Template模板中外链css文件 ...
Tengine的使用与简单配置---随笔
qq_39668819的博客
04-27 2819
tengine的安装: 去官网下载tengine安装包，https://tengine.taobao.org/download.html 上传到lunix服务器 cd到压缩包目录 tar -zxvf tengine-2.3.2.tar.gz 解压 解压完后，cd tengine-2.3.2 配置tengine ./configure --prefix=/usr/local/tengine //设...
React Native-随笔分类
大灰狼的小绵羊哥哥的博客
04-01 683
初始React Native React Native之生命周期 React Native 组件之TextInput React Native 弹性布局FlexBox React Native 组件之Image React Native交互组件之Touchable React Native组件之Switch和Picker和Slide
layui弹框组件多层弹框的使用----随笔
qq_39668819的博客
03-05 2078
效果图 父窗口打开子窗口并传值 type-可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层） layer.open({ type: 2, offset: '50px', skin: 'layui-layer-molv', title: "账单列表", // closeBtn: 0, //不显示关闭按钮 anim: 2, ar...
---随笔--Centos7第一次开机的基本配置
qq_41120902的博客
02-20 856
一、获取阿里源 1.先对原来的源进行备份得到.backup的备份源文件 mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backup 2.我的是Centos7版本，进行以下操作来获取阿里的源 wget -O /etc/yum.repos.d/CentOS-Base.repo http://mirro...
Essay-Writing-Website:随笔写作网站应用程序
05-07
一个很棒的随笔写作网站应用程序 Essay Writing是一个了不起的网站，它旨在通过简单的步骤为您定制由专业作家撰写的高质量论文，帮助客户轻松地从我们这里获得专业的学术帮助！ 目录 安装 # clone the repo $ git ...
dahong：个人技术随笔
02-03
2019年 十月 六月 2018年 2017年
随笔--学习系列--什么是电流角、控制角、相位超前角、内功率因数角、功率角、转矩角、功率因数角、转子初始角-CSDN博客 (2024_3_6 19_42_06).html
03-06
随笔--学习系列--什么是电流角、控制角、相位超前角、内功率因数角、功率角、转矩角、功率因数角、转子初始角-CSDN博客 (2024_3_6 19_42_06).html
grothendieck-kimchi:格洛腾迪克泡菜随笔的众包翻译排版
05-31
格洛腾迪克对泡菜的思考这个项目是的英文翻译和法文转录。 翻译托管在 。 如果你想为这个项目做出贡献（对这个英文翻译提出建议，对法语转录进行更正，创建一个新的翻译，改进这个网站等），请参阅 ，并将你的声音...
frontend:前端开发的一些随笔
05-02
前端开发的一些随笔梯子articlefork
HTML前端
最新发布
2302_77125952的博客
06-15 301
比如< 和 >,我们不能直接在页面中使用< 和 >号，因为浏览器会将它解析为html签。提供许多标签，不同标签功能不同，网页就是通过这些标签描述出来的，最终由浏览器解释运行我们看到的网页。HTML 使用超级链接与网络上的另一个文档相连，通俗的说就是 通过连接来访问其他网页资源。<标签 属性=“ ”/>完成一个特定的设置功能，没有标签体 换行标签。<开始标签>标签名</结束标签> 闭合标签（双标签）标签中可以有属性：可以标签属性。table标签：表格标签。tr标签：表格中的行。td标签：表格单元格。
electron模板【lectron-react-boilerplate】多窗口配置【HtmlWebpackPlugin】多页面配置
weixin_42429220的博客
06-15 310
如果您正在使用进行快速的Electron应用程序开发，您可能会遇到想要在桌面应用程序中拥有多个原生窗口的情况。MacOS窗口图像由提供，来源。
DAY02 HTML
adminstate的博客
06-15 609
HTML基础学习
【html】如何利用HTML+CSS制作自己的印章
weixin_56334307的博客
06-10 596
大家有没有尝试过用HTML和CSS制作自己的印章.首先印章圆形的边框。
设计模式随笔－锦囊妙计
06-07
好的，非常感谢您的提问。那么，您的问题是关于设计模式的，是吗？ 如果是这样，那么我可以和您分享一些关于设计模式的知识和经验。设计模式是一些被广泛使用的、可复用的解决方案，它们可以帮助我们在软件开发的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值