Div语法

最新推荐文章于 2023-03-30 10:23:06 发布
最新推荐文章于 2023-03-30 10:23:06 发布
阅读量2.3k 收藏 6
点赞数
文章标签： div table 框架 behavior html class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/edg_edu/article/details/4051305
版权
  • HTML语法大全
  • <! - - ... - -> 批注
    <!> 跑马灯
    <marquee>...</marquee>普通卷动
    <marquee behavior=slide>...</marquee>滑动
    <marquee behavior=scroll>...</marquee>预设卷动
    <marquee behavior=alternate>...</marquee>来回卷动
    <marquee direction=down>...</marquee>向下卷动
    <marquee direction=up>...</marquee>向上卷动
    <marquee direction=right></marquee>向右卷动
    <marquee direction=left></marquee>向左卷动
    <marquee loop=2>...</marquee>卷动次数
    <marquee width=180>...</marquee>设定宽度
    <marquee height=30>...</marquee>设定高度
    <marquee bgcolor=FF0000>...</marquee>设定背景颜色
    <marquee scrollamount=30>...</marquee>设定卷动距离
    <marquee scrolldelay=300>...</marquee>设定卷动时间
    <!>字体效果
    <h1>...</h1>标题字(最大)
    <h6>...</h6>标题字(最小)
    <b>...</b>粗体字
    <strong>...</strong>粗体字(强调)
    <i>...</i>斜体字
    <em>...</em>斜体字(强调)
    <dfn>...</dfn>斜体字(表示定义)
    <u>...</u>底线
    <ins>...</ins>底线(表示插入文字)
    <strike>...</strike>横线
    <s>...</s>删除线
    <del>...</del>删除线(表示删除)
    <kbd>...</kbd>键盘文字
    <tt>...</tt> 打字体
    <xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)
    <plaintext>...</plaintext>固定宽度字体(不执行标记符号)
    <listing>...</listing> 固定宽度小字体
    ...字体颜色
    ...最小字体
    <font style =font-size:100 px>...无限增大
    <!>区断标记
    <hr>水平线
    <hr size=9>水平线(设定大小)
    <hr width=80%>水平线(设定宽度)
    <hr color=ff0000>水平线(设定颜色)
    <br>(换行)
    <nobr>...</nobr>水域(不换行)
    <p>...</p>水域(段落)
    <center>...</center>置中
    <!>连结格式
    <base href=地址>(预设好连结路径)
    <a href=地址>外部连结
    <a href=地址 target=_blank>外部连结(另开新窗口)
    <a href=地址 target=_top>外部连结(全窗口连结)
    <a href=地址 target=页框名>外部连结(在指定页框连结)
    <!>贴图/音乐
    <img src=图片地址>贴图
    <img src=图片地址 width=180>设定图片宽度
    <img src=图片地址 height=30>设定图片高度
    <img src=图片地址 alt=提示文字>设定图片提示文字
    <img src=图片地址 border=1>设定图片边框
    <bgsound src=MID音乐文件地址>背景音乐设定
    <!>表格语法
    <table aling=left>...</table>表格位置,置左
    <table aling=center>...</table>表格位置,置中
    <table background=图片路径>...</table>背景图片的URL=就是路径网址
    <table border=边框大小>...</table>设定表格边框大小(使用数字)
    <table bgcolor=颜色码>...</table>设定表格的背景颜色
    <table borderclor=颜色码>...</table>设定表格边框的颜色
    <table borderclordark=颜色码>...</table>设定表格暗边框的颜色
    <table borderclorlight=颜色码>...</table>设定表格亮边框的颜色
    <table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)
    <table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)
    <table cols=参数>...</table>指定表格的栏数
    <table frame=参数>...</table>设定表格外框线的显示方式
    <table width=宽度>...</table>指定表格的宽度大小(使用数字)
    <table height=高度>...</table>指定表格的高度大小(使用数字)
    <td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)
    <td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)
    <!>分割窗口
    <frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
    <frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
    <frameset cols="20%,*">分割左右两个框架
    <frameset cols="20%,*,20%">分割左中右三个框架
    <分割上下两个框架
    <frameset rows="20%,*,20%">分割上中下三个框架
    <! - - ... - -> 批注
    <A HREF TARGET> 指定超级链接的分割窗口
    <A HREF=#锚的名称> 指定锚名称的超级链接
    <A HREF> 指定超级链接
    <A NAME=锚的名称> 被连结点的名称
    <ADDRESS>....</ADDRESS> 用来显示电子邮箱地址
    <B> 粗体字
    <BASE TARGET> 指定超级链接的分割窗口
    <BASEFONT SIZE> 更改预设字形大小
    <BGSOUND SRC> 加入背景音乐
    <BIG> 显示大字体
    <BLINK> 闪烁的文字
    <BODY TEXT LINK VLINK> 设定文字颜色
    <BODY> 显示本文
    <BR> 换行
    <CAPTION ALIGN> 设定表格标题位置
    <CAPTION>...</CAPTION> 为表格加上标题
    <CENTER> 向中对齐
    <CITE>...<CITE> 用于引经据典的文字
    <CODE>...</CODE> 用于列出一段程序代码
    <COMMENT>...</COMMENT> 加上批注
    <DD> 设定定义列表的项目解说
    <DFN>...</DFN> 显示"定义"文字
    <DIR>...</DIR> 列表文字卷标
    <DL>...</DL> 设定定义列表的卷标
    <DT> 设定定义列表的项目
    <EM> 强调之用
    <FONT FACE> 任意指定所用的字形
    <FONT SIZE> 设定字体大小
    <FORM ACTION> 设定户动式窗体的处理方式
    <FORM METHOD> 设定户动式窗体之资料传送方式
    <FRAME MARGINHEIGHT> 设定窗口的上下边界
    <FRAME MARGINWIDTH> 设定窗口的左右边界
    <FRAME NAME> 为分割窗口命名
    <FRAME NORESIZE> 锁住分割窗口的大小
    <FRAME SCROLLING> 设定分割窗口的滚动条
    <FRAME SRC> 将HTML文件加入窗口
    <FRAMESET COLS> 将窗口分割成左右的子窗口
    <FRAMESET ROWS> 将窗口分割成上下的子窗口
    <FRAMESET>...</FRAMESET> 划分分割窗口
    <H1>~<H6> 设定文字大小
    <HEAD> 标示文件信息
    <HR> 加上分网格线
    <HTML> 文件的开始与结束
    <I> 斜体字
    <IMG ALIGN> 调整图形影像的位置
    <IMG ALT> 为你的图形影像加注
    <IMG DYNSRC LOOP> 加入影片
    <IMG HEIGHT WIDTH> 插入图片并预设图形大小
  •  SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。
  • <span>SPAN标记有一个重要而实用的特性，即它什么事也不会做，</span><span>它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，</span><span>标识符允许你将一个段落分成不同的部分。</span>
  • <div>还有一个标识符具有类似的功能，DIV也被用来在HTML文件中建立逻辑部分。</div><div>但与SPAN不同，工作于文本块一级，</div><div>它在它所包含的HTML元素的前面及后面都引入了行分隔。</div>
  • ------------------------------------------------------------
  • CLASS和ID的区别
    在样式表定义一个样式的时候，可以定义id也可以定义class。
  • 1、在CSS文件里书写时，ID加前缀“#”；CLASS用“.”
  • 2、id一个页面只可以使用一次；
  • class可以多次引用。
  • 3、ID是一个标签，用于区分不同的结构和内容，就象名字，如果一个屋子有2个人同名，就会出现混淆；
  • CLASS是一个样式，可以套在任何结构和内容上，就象一件衣服；
  • 4、从概念上说就是不一样的：
  • id是先找到结构/内容，再给它定义样式；
  • class是先定义好一种样式，再套给多个结构/内容。
  • 目前的浏览器还都允许用多个相同ID，一般情况下也能正常显示，不过当你需要用JavaScript通过id来控制div时就会出现错误。
1598583
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
「HTML和CSS入门指南」div 详解
a451319296的博客
06-07 1329
div 标签是一个重要的标签，用于创建一个容器，可以将其中的内容作为一个整体进行布局和样式设置。在使用 div 标签时，请注意选择正确的属性和方法、语义化和嵌套，并避免兼容性问题。
div into python
08-23
《Div Into Python》是一本深入学习Python编程的书籍，其英文版提供了丰富的示例代码，旨在帮助读者透彻理解Python语言的核心概念和技术。这本书对于初学者和有一定经验的开发者来说都是一个宝贵的资源，因为它不仅...
web前端-HTML-div语法
互联网知识分享
03-30 652
6] 当父元素宽度不够时， flex 默认是不会换行的，而是会等比例压缩，缩放比例 flex-shrink 属性或复合属性 flex 相关。/*盒子内“子盒子”的x轴盒子居中*//*外部大盒子左右轴居中，距离上下40px *//*盒子内“子盒子”的y轴盒子居中*/[3] align-items: center;[1] align-items: flex-start从上到下。
关于div的使用
Full_of_expectat的博客
12-27 6049
在html当中，div几乎是必不可少，各大网站源码都有使用。 语法：<div></div>。 div属于块级元素，用处可谓是非常之多且十分好用。 1.导航栏，可以使用div，ul，li来搭配浮动完成，甚至可以全部div。 这是主体部分 这是css部分 成品 鼠标放上去之后 2.网页中同行排列的内容也可以使用div加浮动来实现当然也可以div和span。 3.网页中一般分为导航栏，内容，以及最下面的版权都是用div来实现的。 源码 成品...
html中的div语言的语法,HTML <div> 标签
weixin_33643788的博客
05-31 404
HTML 标签 标签本身并不代表任何东西，使用它可以标记区域，例如样式化 (使用 class 或 id 属性)、用不同的语言 (使用 lang 属性) 标记 HTML 文档的某个部分，等等。实例文档中的一个区域将显示为蓝色：这是一个在 div 元素中的标题。这是一个在 div 元素中的文本。尝试一下 »浏览器支持所有主流浏览器都支持 标签。标签定义及使用说明 标签定义 HTML 文档中的一个分...
div标签 if语句用法_HTML Div标签用法示例教程
cunjiu9486的博客
10-05 5792
div标签 if语句用法<div> is a very useful and popular HTML tag. <div> is mainly used to group multiple HTML elements and provide some attributes to this group of elements. As a popular and longti...
DIV+CSS语法.pdf
10-04
《深入理解DIV+CSS语法》 在网页设计领域，DIV+CSS是一种常用的技术，用于实现网页的布局和样式控制。这种技术将结构（HTML中的Div元素）与样式（CSS）分离，提高了网页的可维护性和易用性。下面我们将详细探讨DIV+...
divcss.rar_divcss
09-20
1. Div元素基础：了解Div的基本语法，如何创建Div元素，以及如何通过class或id属性进行区分和控制。同时，理解块级元素和行内元素的区别，以及如何通过display属性转换元素的显示方式。 2. CSS选择器：学习CSS选择...
HTML语法教学
06-06
`<div>`和`<span>`是基础的布局元素。`<div>`是块级元素，会占据整行；`<span>`是内联元素，只占据自身内容的宽度。 八、样式控制 虽然HTML主要负责内容结构，但也可以通过`<style>`元素或外部CSS文件来添加样式。...
HTML—div例子
07-08
首先，`<div>`标签的基本语法是： ```html <div>内容</div> ``` 在这个例子中，我们可能有两个文件：ki1.html（HTML源代码）和ki2.css（CSS样式表）。ki1.html将包含`<div>`元素的实例，而ki2.css将定义这些`<div>`...
汇编语言之div命令
qq_29983883的博客
10-19 9753
上一节，我们学习了gdb的环境的安装和如何带gdb参数进行编译程序，这节，我们将学习gdb的一些基本操作，后面将对这些操作进行详细讲解。 单步调试代码 1）断点 断点用来指定程序暂停执行，gdb中使用break命令设置断点，也可以使用b这个简写，说明，以后遇见了简写的命令，我将使用命令（简写命令）, 2）单步调试 单步调试就是执行命令的下一条，在gdb中，单步调试的命令是next(n)和’step...
html语言div指令全集,div 指令
weixin_30045711的博客
06-03 2912
div 指令div 是除法指令，后面跟的是除数，被除数默认在 ax, 或者 dx、ax 组成的存储单元中。除数可以有 8 位和 16 位两种，存储于一个 reg 或内存单元中，也就是说不可以 div 后面跟着 idata被除数默认放在 ax 或者 dx 和 ax 中如果除数是 8 位，而被除数可以是 16 位或者 32 位，那么被除数选择 16 位如果除数是 8 位，而被除数必须是 32 位，那么...
div+css的基本 常用到语法（一） 。
dbrp26282的博客
09-24 190
什么时候用id,什么时候用class？ class 是设置标签的类 可以再多个div上运用id 是设置标签的标识 只能在一个div上运用 在代码中把id 运用到多个div上，运行效果是没错的。但是在语法上就犯了错，不能通过在W3校验，但是当你调用id是那么怎么区分呢？ 打个比方，这屋子有这么多人，怎么区分呢谁谁谁呢？而id相当于一个名字一个身份证相，来区分谁是谁的。如果...
HTML5中ul，ol,div标签及其使用语法
xinianbuxiu的博客
12-06 9799
使用ul，添加新闻信息列表 在浏览网页时，你会发现网页上有很多信息的列表，如新闻列表、图片列表，如下图所示。                                                 新闻列表 图片列表 这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。 语法：   信息   信息    ......
CSS+DIV 的语法基础
会吃狼的鳄鱼
03-12 606
CSS的语法 selector {property: value} (选择符 {属性:值}) Selector： ①HTML标签。②class标识符。③Id标识符。Property：文字或元素的颜色 color　　    背景颜色 background-color　　    背景图像 background-image　　    字体 font-family　　 
html中的div语言的语法,教你快速掌握HTML入门基本语法和语义
weixin_30320081的博客
05-31 207
DOCTYPEDOCTYPE(Document Type)该声明处于dw文档中最前面的位置，处于html标签之前，此标签告知浏览器文档使用哪种HTML或者 XHTML规范。DTD(Document Type Definition)声明以开始，不区分大小写，前面没有任何内容，如果有其他内容(空格除外)会使浏览器在IE下开启怪异模式(quirks mode)渲染网页。公共DTD，名称格式为注册/...
CSS+div 一些小语法
进击的WEB前端-小黄毛
08-21 392
div class= "a "
H5新增
Raccon_的博客
11-22 1240
HTML5 快速html结构语法 1.生成多个相同标签 div*3 div{div内的内容} div[div的属性] 2.有父子关系 用> 如ul>li 3.有兄弟关系 用+ 如div+p 4.生成带有类名或id 直接写.demo或者#two 5.如果生成div类名有顺序,可以用自增$ 6.如果想在生成的标签内部内容可以用{}表示 7.tab+shift 删除代码前空格 HTML5新语义标签 ​ 主要针对搜索引擎 可以使用多次 （在ie9中要转换成块）移动端使用更多 head
html中的div语言的语法,div请问div是html语言中的什么意思 – 手机爱问
weixin_30114649的博客
05-31 49
2005-04-09为什么我会经常脸红？怎么治疗我了解你的感觉，因为我在初中的时候也是这样！因为自己自卑，没有自信，所以才会这样，要克服这一问题，只有——自信！自信有了，什么都解决了，我深有体会！但，自信，说的容易，做的难，一个本来自卑的人要变自信是需要很大的勇气与毅力！路很艰辛，很难，我是过来人，从中经历的痛苦只有自己知道！但痛过了走到前面就是阳光！真的，我就是这样一个好例子！我在初中之前，是个...
xaml里类似div的语法
最新发布
05-28
在XAML中，可以使用`<Grid>`标记来创建一个类似于`div`的容器。`<Grid>`标记可以包含多个子元素，并使用`RowDefinitions`和`ColumnDefinitions`属性来定义行和列的布局。例如： ``` *" /> *" /> ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

1598583

你的鼓励是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值