html小结

最新推荐文章于 2022-02-04 22:04:39 发布
最新推荐文章于 2022-02-04 22:04:39 发布
阅读量199 收藏
点赞数
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17732895/article/details/42173889
版权

什么是HTML？

HTML 指的是超文本标记语言，不是一种编程语言，标记语言是一套标记标签，HTML是使用标记标签来描述网页

 

HTML标签是有尖括号包围的关键词，如<html></html>;

Html的标签：

 

<html></html>  :定义HTML文档；

<body></body> :定义文档主体：

<h1>to<h6>:定义HTML标题:

<hr></hr>:定义水平线：

<!--  -->:定义注释

<!DOCTYPE>:定义文档类型

<a></a>:定义超链接

<abbr><abbr>:定义首字母缩写

<address></address>:定义文档或者文章作者的联系信息(如果此标签位于<body>元素内，则它表示文档联系信息，如果此标签位于<article>元素内，则它表示文章的联系信息，)

<area></area>:定义图像映射中的区域

<article><article>:规定独立的字包含内容

<aside><aside >:定义其所处内容之外的内容

<audio><audio>:定义声音或者其他音频流

<b></b>:规定粗体文本

<base/>标签为网页上的所有连接规定默认地址或者默认目标（此标签必须位于head元素之内）

<bdo></bdo>:覆盖元素的默认方向

<big></big>:呈现大号字体

<blockquote></blockquote>:定义长引用(即块引用)；块引用的部分有自己的外边距

<br/>:插入一个简单的换行符

<button></button>:定义一个按钮标签

<canvas></canvas>:标签定义图形，只是图形容器，必须使用脚本来绘制图形

<caption></caption>:定义表格标题

<center></center>:对齐所包括的文本进行水平居中

<em></em>:把文本定义为强调的内容

<strong></strong>:把文本定义为语气更强的强调的内容

<i></i>:定义斜体字

<iframe></iframe>:定义内联框架

<img></img>:定义图像

<input></input>:定义输入控件

<ins></ins>:定义被插入文本

<kbd></kbd>:定义键盘文本

<keygen></keygen>:定义生成秘钥

<label><label>:定义input元素的标注

<legend></legend>:定义fieldset元素的标题

<li></li>:定义列表的项目

<link></link>:定义文档与外部资源的关系

<map></map>:定义图像映射

<mark></mark>:定义有记号的文本

<menu></menu>:定义命令的列表或者菜单

<menuitem></menuitem>：定义用户可以从弹出菜单调用的命令

<meta></meta>:定义关于HTML文档的元信息

<meter></meter>:定义预定义范围内的度量

<nav><nav>:定义导航链接

<noframes></noframes>:定义针对不支持框架的用户的替代内容

<noscript><noscript>:定义针对不支持客户端脚本的用户的替代内容

<object><object>:定义内嵌对象

<ol></ol>:定义有序列表

<optgroup></optgroup>:定义选择列表中相关选项的组合

<option></option>:定义选择列表中的选项

<output><output>:定义输入的一些类型

<p></p>:定义段落

<param></param>:定义对象的参数

<pre></pre>:定义预格式文本

<progress></progress>:定义任何类型的任务的进度

<q></q>:定义短的引用

<rp></rp>:定义如浏览器不支持ruby元素显示的内容

<samp></samp>:定义计算机代码样本

<script><script>:定义客户端脚本

<select></select>:定义选择列表（下拉列表）

<small></small>:定义小号文本

<source></source>:定义媒介源

<span></span>:定义文档中的节

<style></style>:定义文档的样式信息

<sub></sub>:定义下标文本

<summary></summary>:为<details>定义可见的标题

<sup></sup>:定义上标文本

<table></table>:定义表格

<tbody><tbody>:定义表格中的主体单元

<td><td>:定义表格中的单元

<textarea></textatea>:定义多行的文本输入控件

<tfoot></tfoot>:定义表格中的表注内容（脚注）

<th></th>:定义表格中的表头单元格

<thead></thead>:定义表格中的表头内容

<time></time>:定义日期/时间

<title><title>:定义文档的标题

<tr></tr>:定义表格中的行

<track></track>:定义用再媒体播放器中的文本轨道

<tt></tt>:定义打印机文本

<u></u>:定义下划线文本

<ul><ul>:定义无序列表

<var></var>:定义文本的变量部分

<video></video>:定义视频

<wbr><wbr>:定义视频

 

部分标签的属性：

1，<img>标签：必须属性：alt:规定图像的替代文本

 Scr:规定显示图像的URL

如例子

<img src = "images/aa.jpg">图像1</img>

2.<input>标签：

文本域：<input type = “text” name = “fname”/>

密码域：<input type = “password” name = “password”/>

复选框：I like bike<input type = “checkbox” name = “bike” checked = “checked”//默认选/ >

I like car<input type = “checkbox” name = “car”/>

 效果如下：


单选框：male<input type = “radio” name = “sex” value = “male”checked = “checked” />

Famale<input type = “radio” name = “sex” value = “famale”/>

 效果如下：


 

下拉框：

<select name="cars">

<option value="volvo" selected = “selected”//默认选中>Volvo </option>

<option value="saab">Saab</option>

<option value="fiat">Fiat</option>

<option value="audi">Audi</option>

</select>

      效果如下：


   多行文本域：<textarea>

 

 

 

Html属性：

文本对齐：（align = “center”\”right”\”reft”\）

没有下划线的连接：（style = “text-decoration:none”）

在新的窗口中打开连接：target = “_blank”

跳出框架：target = “_top

电子邮件连接：<a href = “mailto:guojingfeng@gmail.com?subject = hello%20again”>发送邮件</a>”(注：%20替换单词之间的空格，这样浏览器就可以正常显示文本)

添加背景图片：background = “images/aa.jpg”

排列图像的对齐方式：align = “bottom”\”middke”\”top”

浮动：align = “right”\”left”

调整图像尺寸：width = “500” height = “200”

制作图像作为连接：<a href = “http://www.baidu.com”><img src = “images/aa.jpg”></img></a>

设置边框：border = “数值”（注：表格中没有border属性或者border属性设置为0表示没有边框）

表格属性：<table>标签开始一个表格，<th>定义表格的表头，<tr>定义表格的行，<td>定义表格的列，<td></td>这样定义一个空的单元格，跨越列两列的单元格：calspan = “2”.跨越两行的单元格属性：rowspan = “2” 单元格边距(单元格内容与其边框之间的空白):cellpadding 单元格间距（单元格之间的距离）：cellspacing ,向表格添加颜色：bgcolor,添加背景图片：background, 单元格中排列内容：align = “” ,围绕表格的边框：frame = box(四周边框)，frame = above(上方的边框)，frame = below(下方边框)，frame = hsides(上下两边的边框)，frame = vsides(左右两边的边框)

如：

<table border = "6">

<caption>My headline</caption>

<tr>

<th>1</th>

<td>100</td>

<td>200</td>

<td>300</td>

<td>400</td>

</tr>

<tr>

<th rowspan = "2">2</th>

<td></td>

<td>600</td>

<td>700</td>

<td>800</td>

</tr>

<tr>

<td>100</td>

<td>200</td>

<td>300</td>

<td>400</td>

</tr>

</table>

效果如下:

 

 

 

   列表：无序列表(默认使用粗体圆点显示列表项)：

<ul>

<li>100</li>

<li>200</li>

<li>300</li>

<li>400</li>

 

</ul>

   有序列表（默认使用数字显示列表项）

<ol>

<li>100</li>

<li>200</li>

<li>300</li>

<li>400</li>

</ol>

 

效果如下：

 

 

 

 无序列表项的不同类型：type = disc(列表项是实心圆点显示)，type =circle (列表项是空心圆点显示)，type = square(列表项实心方形显示)

如：

<ul type = "square">

<li>100</li>

<li>200</li>

<li>300</li>

<li>400</li>

</ul>

 

 

效果如下：


 

有序列表项的不同类型type = “A”（从A开始的列表项），type = “a”(从小写a开始的列表项 等等)

gjf_king
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
XML学习小结
追求大牛之人的博客
02-05 4284
XML是可扩展标记语言（Extensible Markup Language）的缩写，它是是一种数据表示格式，可以描述非常复杂的数据结构，常用于传输和存储数据。 例如，一个描述书籍的XML文档可能如下： <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE note SYSTEM "book.dtd"> <book id="1"> <name>Java编程的逻辑</name> <a
HTML小结
qq_48656335的博客
03-09 199
HTML小结1.什么是HTML2.HTML文档介绍3.HTML内容标题及格式超链接图片的插入img表格其他说明 1.什么是HTML HTML是超文本标记语言（HyperText Markup Language）的缩写，它定义了网页内容的含义和结构。HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言。 2.HTML文档介绍 在创建以html为后缀的文件后，即可在该文件中输入网页内容。网页内容以元素为主体，其余所有元素（包括，，等标签涵盖的内容）均在之中。 其中需注意的是，部分标签是成对出现的，例如
HTML注意点小结
makewithyou的博客
02-04 2220
HTML注意点小结
HTML常用元素小结
贵宝的博客
10-31 2313
       HTML（Hypertext Markup Language）超文本标记语言，常用于描述网页文档。我们比较常用的www万维网即是由HTML编写，学习完HTML这一部分后，对HTML中的常用元素做一下小结，用来理清思绪。
HTML简单小结
QAQCDH的博客
09-19 193
笔记 1.HTML标准 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html> 2.常用标签 <h1></h1> 标题（有h1\h2\h3\h4\h5\h6六种字体大小且会自
HTML5 新事件 小结
01-19
HTML 元素可拥有事件属性，这些属性在浏览器中触发行为，比如当用户单击一个 HTML 元素时启动一段 JavaScript。下面列出的事件属性，可以把它们插入 HTML 标签来定义事件行为。 HTML 4.01 与 HTML 5 之间的差异 HTML...
html中DTD使用小结
12-08
在HTML文档中，DTD（Document Type Declaration）是一个重要的组成部分，它定义了文档的结构和语法规则。DTD是XML1.0规范的一部分，用于确保HTML或XHTML文档遵循一定的标准，帮助验证器检查文档是否符合预设的语法...
html 的 ContentType 小结
10-30
HTML（HyperText Markup Language）是用于创建网页的标准标记语言，而`ContentType`是HTTP协议中定义的一种机制，用于标识网络资源的类型。在HTML中，`ContentType`主要体现在HTTP响应头的`Content-Type`字段，它...
xhtml的块级标记小结
12-13
在网页设计和开发中，XHTML (Extensible HyperText Markup Language) 是HTML的一个扩展，它引入了更严格的语法，使得代码更加结构化和规范。本文将深入探讨XHTML中的块级标记，这些标记用于创建页面的基本结构和布局...
聚类算法实现本次作业实现了3个经典算法：KNN算法、K-Means算法、朴素贝叶斯算法
最新发布
08-15
本次作业实现了3个经典算法：KNN算法、K-Means算法、朴素贝叶斯算法。
LSTM的批处理智慧：解锁高效序列学习之门
08-15
LSTM（Long Short-Term Memory）是一种特殊类型的循环神经网络（RNN），它能够学习长期依赖关系。LSTM由Hochreiter和Schmidhuber在1997年首次提出，它是为了解决传统RNN在处理长序列数据时遇到的梯度消失或梯度爆炸问题而设计的。 LSTM的关键特性是它的单元结构，这些单元具有以下三个主要组件： 1. **遗忘门（Forget Gate）**：遗忘门决定哪些信息应该从单元状态中被丢弃。它通过一个sigmoid激活函数来实现，输出一个0到1之间的值，表示保留信息的程度。 2. **输入门（Input Gate）**：输入门由两部分组成，一部分是sigmoid层，决定哪些值将要更新存储在单元状态的信息；另一部分是tanh层，创建一个新的候选值向量，它可以被加入到状态中。 3. **输出门（Output Gate）**：输出门决定下一个隐藏状态的值，它通过sigmoid层来确定隐藏状态的哪些部分将被输出，然后通过tanh层来计算最终的输出值。 LSTM的单元结构允许网络在每个时间步长上选择性地保留或更新信息，这使得LSTM非常适合处理和预
毕业设计asp.net招聘网站源码含文档工具包
08-15
毕业设计asp.net招聘网站源码含文档工具包 asp.net，数据库sqlserver，开发工具用Microsoft Visual Studio 学生用户 求职应聘 登录系统 岗位消息 管理员 新闻动态 毕业生信息 登录系统后台 招聘公司 毕业生注册 系统后台 公司注册 联系我站 用户管理 数据备份 数据恢复 帐号管理 包含：源码、数据库脚本、论文、答辩ppt、开题报告、环境工具包（在说明文档中）
聚类算法新纪元：动态更新机制的突破与实践
08-15
聚类算法是一种无监督学习算法，用于将数据集中的样本分组，使得同一组内的样本相似度高，而不同组之间的样本相似度低。聚类算法的目标是发现数据的内在结构，而不需要事先给出标签或指导信息。 聚类算法的常见类型包括： 1. **K-Means 聚类**：这是最常用的聚类算法之一，通过迭代选择K个中心点，将数据点分配到最近的中心点所代表的簇中，然后更新中心点的位置，直到满足停止条件。 2. **层次聚类**：这种算法不需要预先指定簇的数量，它通过逐步合并或分裂来构建一个层次嵌套的簇树。 3. **DBSCAN (Density-Based Spatial Clustering of Applications with Noise)**：基于密度的聚类算法，可以发现任意形状的簇，并且对噪声点具有较好的鲁棒性。 4. **Mean Shift 聚类**：这是一种基于密度的非参数聚类算法，通过寻找密度函数的局部极大值点来确定簇的中心。 5. **Spectral Clustering 谱聚类**：这种算法使用数据的谱特性来进行聚类，通常涉及到将数据映射到低维空间。 6. **Affinit
智慧社区运营方案PDF（24页）.pdf
08-15
未来社区的建设背景和需求分析指出，随着智能经济、大数据、人工智能、物联网、区块链、云计算等技术的发展，社区服务正朝着数字化、智能化转型。社区服务渠道由分散向统一融合转变，服务内容由通用庞杂向个性化、服务导向转变。未来社区将构建数字化生态，实现数据在线、组织在线、服务在线、产品智能和决策智能，赋能企业创新，同时注重人才培养和科研平台建设。 规划设计方面，未来社区将基于居民需求，打造以服务为中心的社区管理模式。通过统一的服务平台和应用，实现服务内容的整合和优化，提供灵活多样的服务方式，如推送式、订阅式、热点式等。社区将构建数据与应用的良性循环，提高服务效率，同时注重生态优美、绿色低碳、社会和谐，以实现幸福民生和产业发展。 建设运营上，未来社区强调科学规划、以人为本，创新引领、重点突破，统筹推进、整体提升。通过实施院落+社团自治工程，转变政府职能，深化社区自治法制化、信息化，解决社区治理中的重点问题。目标是培养有活力的社会组织，提高社区居民参与度和满意度，实现社区治理服务的制度机制创新。 未来社区的数字化解决方案包括信息发布系统、服务系统和管理系统。信息发布系统涵盖公共服务类和社会化服务类信息，提供政策宣传、家政服务、健康医疗咨询等功能。服务系统功能需求包括办事指南、公共服务、社区工作参与互动等，旨在提高社区服务能力。管理系统功能需求则涉及院落管理、社团管理、社工队伍管理等，以实现社区治理的现代化。 最后，未来社区建设注重整合政府、社会组织、企业等多方资源，以提高社区服务的效率和质量。通过建立社区管理服务综合信息平台，提供社区公共服务、社区社会组织管理服务和社区便民服务，实现管理精简、高效、透明，服务快速、便捷。同时，通过培育和发展社区协会、社团等组织，激发社会化组织活力，为居民提供综合性的咨询和服务，促进社区的和谐发展。
一款PACS系统的安装与使用
08-15
一款PACS系统的安装与使用
抛光专机_机械3D图可修改打包下载.zip
08-15
抛光专机_机械3D图可修改打包下载.zip
Java高级程序设计期末复习题.zip
08-15
Java高级程序设计期末复习题.zip
哥德巴赫猜想是一个古老而著名的数学难题.docx
08-15
哥德巴赫猜想是一个古老而著名的数学难题，它涉及到素数的性质。以下是关于哥德巴赫猜想的详细介绍： 一、猜想起源 提出者：德国数学家克里斯蒂安·哥德巴赫（Christian Goldbach）。 时间：1742年，哥德巴赫在给数学家欧拉的一封信中提出了这个猜想。 二、猜想内容 哥德巴赫猜想的内容可以表述为两种形式，但最为人所知的是欧拉提出的等价版本： 任一大于2的偶数都可写成两个质数之和。 常见的猜想陈述为：任一大于2的偶数都可写成两个素数之和，亦称为“强哥德巴赫猜想”或“关于偶数的哥德巴赫猜想”。 哥德巴赫原始猜想（现代陈述）：任一大于5的整数都可写成三个质数之和。 但由于现今数学界已不再使用“1也是素数”的约定，因此原始猜想被现代数学界重新表述为：任一大于5的整数都可写成三个质数之和。当n为偶数时，可以分解为2加上一个偶数，而这个偶数又可以分解为两个质数的和；当n为奇数时，可以分解为3加上一个偶数，这个偶数同样可以分解为两个质数的和。 三、证明进展 欧拉：欧拉在回信中虽然未能证明哥德巴赫猜想，但他提出了上述的等价版本，并坚信其正确性。 陈景润：1966年，中国数学家陈景润在哥德巴赫
HTML网页设计实验小结
06-10
在进行HTML网页设计实验的过程中，我学到了很多关于网页设计和开发的知识和技能，以下是我的小结： 1. HTML基础语法和标记：在实验中，我学习了HTML的基础语法和标记，如HTML文档的结构、标题、段落、链接、图片等...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值