Web 7.23

最新推荐文章于 2024-09-11 16:14:29 发布

野蛮的芋头

最新推荐文章于 2024-09-11 16:14:29 发布

阅读量375

点赞数

分类专栏： Web 文章标签：前端 servlet java

本文链接：https://blog.csdn.net/m0_56801572/article/details/125947786

版权

Web 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

全局属性

title=“”指定元素的标题，浏览器可以用它作为提示文字。

id=“”指定元素的标识符（限英文且唯一）

class=“”指定元素的类

style=“”指定套用到元素的CSS样式表单

dir=“{ltr，rtl}”，指定文字的方向

lang=“language-code”，指定元素的语言，例如en为英文；

accesskey=“”，指定将焦点移到元素的按键组合；

tabindex=“n”指定元素的[Tab]键顺序，也就是按[Tab]时，焦点在元素之间跳跃的顺序，n为正整数，数字越小，优先级越高。

translate=“{yes，no}”，指定元素是否启用翻译模式

contenteditable=“{true,false,inherit}”指定元素的内容能否被编辑；

contextmenu=“”指定元素的快捷菜单

draggable=“{true，false}”指定元素能否进行拖放操作；

dropzone=“”将元素指定为拖放操作的放置目标；

hidden=“{true，false}”指定元素的内容是否被隐藏起来；

spellcheck=“{true，false}”，检查元素的拼写与文法

role=“”、aria=“”，提升网页的无障碍性；

data-*=“”，通过自定义属性将信息传递给Script；

事件属性

οnlοad="",指定浏览器加载网页或所有框架时所要执行的Script

οnunlοad="",指定当浏览器删除窗口或框架内网页时所要执行的Script

οnclick=“”，指定在组件上单击鼠标时所要执行的Script

οndblclick=“”，指定在组件双击鼠标时所要执行的Script

οnmοusedοwn=“”，指定在组件上按下鼠标时所要执行的Script

οnmοuseup=“”，指定在组件上放开鼠标键时所要执行的Script

οnmοuseοver=“”，指定当鼠标移过组件时所要执行的Script

οnmοusemοve=“”，指定当鼠标在组件上移动时所要执行的Script

οnmοuseοut=“”，指定当鼠标在组件上移开时所要执行的Script

οnfοcus=“”，指定当用户将焦点移到组件时所要执行的Script

οnblur=“”，指定当用户将焦点从组件上移开时所要执行的Script

οnkeydοwn=“”，指定在组件上按下按键所要执行的Script

οnkeypress=“”，指定在组件上按下按键再放开所要执行的Script

οnkeyup=“”，指定在组件上放开所要执行的Script

οnsubmit=“”，指定当用户传送窗体时所要执行的Script

οnreset=“”，指定当用户清除窗体时所要执行的Script

οnselect=“”，指定用户在文字字段选取文字时所要执行的Script

οnchange=“”，指定当用户修改窗体文字时所要执行的Script

区块格式

<pre>：预先格式化的区块

由于浏览器会忽略HTML元素之间多余的空格键和[Enter]键，导致在输入某些内容时相当不便，例如程序代码，此时，我们可以使用<pre>元素预先将内容格式化。

<blockquote>:用来标记左右缩排的区块

<hr>:用来标记水平线

<div>:群组成一个区块；

div元素用来将HTML文件中某个范围的内容和元素群组成一个区块，令文件的结构更清晰。

所谓区块层级（block level）指的是元素的内容在浏览器中会另起一行，例如<div><p><pre><h1>等均属于区块层级的元素。虽然<div>元素的浏览结果纯粹是将内容另起一行，没有什么特别，但我们通常会搭配class、id、style 等属性，将CSS样式表单套用到<div> 元素所群组的区块范围；

<marquee> 元素用来标记跑马灯，其属性如下（这不是HTML所提供的元素）

behavior=“{side，scroll，alternate}”：指定跑马灯的表现方式（滑动、滚动、交替），省略不写的话，表示默认值scroll。

bgcolor=“color|#rrggbb”：指定跑马灯的背景颜色；

direction=“{left，right，up，down}”：指定跑马灯文字的移动方向，省略不写的话，默认值为left

height=“n”，指定跑马灯的高度（像素数）

hspace=“n”，指定跑马灯左右边界的大小（像素数）

loop=“n”，指定跑马灯文字的重复次数；

scrollamout=“n”，指定跑马灯文字的移动距离；

scrolldelay=“n”，指定跑马灯文字的延迟时间；

vspace=“n”，指定跑马灯的上下边界大小；

width=“n”，指定跑马灯的宽度；

文字格式

<b></b>:粗体

<i></i>:斜体

<u></u>:加下划线

<sub></sub>:下标

<sup></sup>:上标

<small></small>:小字体

<em></em>:强调斜体

<strong></strong>:强调粗体

<dfn></dfn>:定义文字

<code></code>:程序代码文字

<samp></samp>:范例文字

<kbd></kbd>:keyboard键盘文字

<var></var>:variable变量文字

<cite></cite>:citation引用文字

<abbr></abbr>:缩写文字

<s></s>:删除字

<q></q>:quote引用语

<mark></mark>:荧光标记文字

注音和拼音

<ruby>:<ruby>元素用来包住字符串及其注音或拼音；

<rt>:rt是ruby text缩写，<rt>元素是<ruby>元素的子元素，用来包住注音或拼音的部分；

<rp>:rp是ruby parenthese的缩写，<rp>元素是<ruby>元素的子元素，用来指定浏览器不支持<ruby>元素时，就显示<rp>元素里的括号，相反的，当浏览器支持<ruby>元素时，就不显示<rp>元素里的括号

<br>元素

<br>元素用来换行，br换行行距要比另起一行小。

<span>元素用来将HTML文件中某个范围的内容和元素群组成一行。

<ul>项目符号

<ol>项目编号

<li>项目

定义列表

<dl>:define list 指的是将数据格式化成两个层次

<dt>:第一个层次

<dd>：第二个层次

<title>属性提示文字

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>姐就是女王</title>
</head>
<body>
	<br title="hahahhaaa">
	<marquee bgcolor="pink"height="20"behavior="scroll">
		<mark onclick="true" color="yellow">wuwuwu </mark><b>姐就是女王，自信放光芒></b></marquee>
	</br>
	<marquee bgcolor="#51d2d2" height="20"behavior="alternate"> 
				 <font size="3">四大芭蕾舞码全本登场 color="white"</font>
    </marquee>
	<br clear="all"><font size="+2" color="black" >
		来自古典芭蕾舞国度的“俄罗斯明星节庆芭蕾舞团”再度来台，带来了柴可夫斯基三大芭蕾<u><i>《胡桃钳》</i></u>、<u><i>《睡美人》</i></u>、<u><i>《天鹅湖</i></u>
      与莎翁名著	<u><i>《仲夏夜之梦》</i></u>四出全本舞码，巡回全省演出。</br>
	</font>
<h1 align="center">
	<font   color="114514">
		<br>胡桃钳——三月四日台中市中兴堂</br><br>天鹅湖——三月十五日彰化县府礼堂</br><br>睡美人——三月十二日台北国家戏剧院</br><br>仲夏夜之梦——三月十三日宜兰兰阳女中</div>
    </h1></font>
    <hr>color="#A34F50" size="50"width="1000"
<font size="+1"color="black"><br><i>购票咨询电话：8888-8888</i></br><!--跑马灯作业-->
<p><h1>苦瓜的健康料理-苦瓜镶肉 </h1></p>
<p><h2>苦瓜又称为锦荔枝，因其“实大如鸽子，有皱纹，似荔枝”而得名</h2></p>
<dl>
	<dt><ul type="circle">
		<li>材料</ul>
		<dd><ol type="a">
			<li>苦瓜</li><li>大白菜</li><li>猪肉绞肉</li><li>太白粉</li><li>盐</li><li>植物油</li>
		</dd>
			<li>做法
				<dd><ol type="1">
			<li>苦瓜切成....</li><li>盐渍数分钟....</li><li>将.....</li><li>用油煎熟</li>
		</dd>
	</dt>
</dl>
</body>
</html>