首页 > 其他分享 >前端学习-html

前端学习-html

时间:2024-03-21 22:44:45浏览次数:23  
标签:块级 行内 架构 换行 标签 前端 学习 嵌套 html

1 基础知识

1.1 BS架构和CS架构

CS架构是客户端/服务器,需要安装客户端,例如手机app,PC应用
BS架构是浏览器/服务器,适合功能简单的开发

1.2 浏览器内核

浏览器内核渲染前端页面(将前端代码展示出来)

1.3 推荐网站

https://developer.mozilla.org/zh-CN/

2 HTML标签

2.1 分类

(1)按照结构分
围堵标签:需要有开始标签和结束标签,比如段落标签p
自闭合标签:不需要有结束标签,比如横线标签hr
(2)按照效果分
行内标签:标签不会导致换行
块级标签:标签独享一行,添加到前面或后面的内容会换行

2.2 规则

(1)块级标签可以嵌套块级【都会产生换行效果】
image
image
(2)块级可以嵌套行内
(3)行内可以嵌套行内
(4)行内不能嵌套块级,嵌套块级后,块级会产生换行效果,因此行内标签失效

标签:块级,行内,架构,换行,标签,前端,学习,嵌套,html
From: https://www.cnblogs.com/pengu1998/p/18081602

相关文章

  • 学习路线与博客地图
    编程语言编程语言是连接人与计算机的桥梁,掌握一门或多门编程语言都是必不可少的技能C/C++/RustC#JavaPythonGoPHPMarkdown语法计算机科学计算机科学是探索计算机内部世界与应用的学问,有助于提升编程能力,更深入地理解计算机系统设计和优化计算机基础知识(CS101)......
  • 前端基础之JavaScriptDOM和BOM
    一、JavaScript的组成JavaScript的实现包括以下3个部分:ECMAScript(核心)描述了JS的语法和基本对象文档对象模型(DOM)处理网页内容的方法和接口浏览器对象模型(BOM)与浏览器交互的方法和接口核心(Core):核心部分包括语言的基本语法、数据类型、控制结构等。这些......
  • AJAX 前端开发利器:实现网页动态更新的核心技术
    AJAXAJAX是开发者的梦想,因为你可以:在不重新加载页面的情况下更新网页在页面加载后请求来自服务器的数据在页面加载后接收来自服务器的数据在后台向服务器发送数据HTML页面<!DOCTYPEhtml><html><body><divid="demo"><h2>让AJAX更改这段文字</h2><buttontype=......
  • 前端基础之原生js事件绑定案例
    原生js事件绑定开关灯案例<script><divid="d1"class="c1bg_greenbg_red"></div><buttonid="d2">变色</button><script>letbtnEle=document.getElementById('d2')letdivEle=docum......
  • 机器学习模型——线性回归
    一元线性回归基本概念:线性回归是利用数理统计中回归分析来确定两种或两种以上变量之间相互依赖的定量关系的一种统计分析方法。如果回归分析中,只包括一个自变量和一个因变量,且二者的关系可用一条直线近似表示,这种回归分析称为一元线性回归分析。如果回归分析中包括两个或两......
  • C#系统学习
    C#基础学习1.Net概念 ---->.Net平台 ---->.NetFrameWork框架 ---->类库 ---->CLR(CommonLanguageRuntime)公共语言运行时2、编程语言:c#(#其实是Sharp的表示) 3、.Net平台的两种交互模式 C/S:客户端/服务器要求用户的电脑上必须要安装一个客户端(桌面应用程序) ---......
  • 【性能测试】移动测试md知识总结第2篇:主流移动端自动化测试工具,学习目标【附代码文档
    移动测试完整教程(附代码资料)主要内容讲述:移动端测试课程介绍,移动端测试知识概览学习主要内容,学习目标,学习目标,1.window安装andorid模拟器。主流移动端自动化测试工具,Appium环境搭建学习目标,学习目标,学习目标,1.Appium背景介绍。app元素信息操作,元素事件操作学习目标,学习......
  • 【Linux】内核学习笔记(一)——进程管理
    1.进程描述符1.1.进程描述符的表示和存放进程描述符task_struct完整地描述了进程的所有信息,它由slab分配器 (小内存分配)分配产生,并存放在叫任务队列(tasklist)的双向循环链表中。  一文看懂slab分配器实现https://zhuanlan.zhihu.com/p/523241576 伙伴系统和slab分配......
  • MATLAB强化学习使用全解析+附代码(以DDPG PPO为例)
    Content建立动作和观测的数据结构创建环境根据观测、动作、环境step和reset函数创建环境测试环境是否符合要求网络创建Critic网络设置Critic网络训练参数Actor网络设置Actor网络训练参数创建智能体设置训练参数开始训练MATLAB强化学习step函数......
  • 新人学习笔记之(盒子模型)
    一、盒子模型属性    1.width属性        (1)宽度:width:长度值|百分比|auto,最大宽度:max-width最小宽度:min-width.box1{width:300px;}.box2{min-width:1200px;}        2.height属性......