html 常用标签

简介: html 常用标签

1.排版标记: <P> ; <BR> ; <HR> ; <CENTER> ; <PRE> ; <DIV> ; <NOBR> ; <WBR> ;

2.字体标记: <STRONG> <B>

<I> <EM> <VAR> <CITE> <DFN> <ADDRESS>

<TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB>

<H1> <H2> <H3> <H4> <H5> <H6>

<FONT> <BASEFONT>  ;

3.清单标记<OL> <LI>

<UL>

<MENU> <DIR>

<DL> <DT> <DD>  

4.表格标记:<TABLE> <TR> <TD>

<TH>

<CAPTION> ;

5.表单标记

<FORM> <INPUT>

INPUT 的种类: Text, Radio,Checkbox, Password, Submit/Reset, Image, File, Hidden, Button。

<SELECT> <OPTION>

<TEXTAREA>

6. 链接标记

<A>

<BASE>

7.框架标记

<FRAMESET> <FRAME>

<NOFRAMES>

<IFRAME>

8. 多媒体体标记

<BGSOUND>

<EMBED>;

 

1.

标题标签<h1>~<h6>由大到小

align属性,属性值可以是:left、center、right。

html注释<!--注释内容-->

段落标签<p></p>

align属性,属性值可以是:left、center、right。

文本级标签:p、span、a、b、i、u、em。文本级标签里只能放文字、图片、表单元素。(a标签里不能放a和input)

容器级标签:div、h系列、li、dt、dd。容器级标签里可以放置任何东西。

水平线标签<hr />

换行标签<br />

<div>和<span>

div标签:可以把标签中的内容分割为独立的区块,必须单独占据一行。

span标签:和div作用一致,但不换行。

7、内容居中标签<center>

8、预定义(预格式化)标签<pre>:将保留标签内所有的空白字符(空格、换行符),原封不动额输出结果。

9、HTML的<pre>标签用于定义预格式化文本块,它保留web浏览器忽略的文本空间、换行符、制表符和其他格式化字符。

10、HTML <nobr> 元素阻止文本自动拆分成新行,所以它展示为长的一行,可能还需要滚动。这个标签不是标准的 HTML,并且不应该使用。

11.<wbr> (Word Break Opportunity) 标签规定在文本中的何处适合添加换行符。

2.

1.标题字体:

<h#> ... </h#> #=1, 2, 3, 4, 5, 6

<h1 align="center">居中显示标题</h1>

<h1 style = "background-color:#ff0000;">设定标题背景颜色</h1>

2.字体大小:

<font size=#>  </font>  

   #=1, 2, 3, 4, 5, 6, 7 or +#, -#

<basefont size=#> #=1, 2, 3, 4, 5, 6, 7,设置默认显示

3.物理字体:

  <b> 粗体 </b>

  <i> 斜体 </i>

  <ins>下划线</ins>

  <del>删除线</del>

  <sub>下标字</sub>

  <sup>上标字</sup>

  <u>删除字<u>

4.逻辑字体:

 <big>大号字</big>   <small>小号字</small>

 <em>着重字体</em>   <strong>加强语气</strong>    

 <code>  </code>

 <samp>  </samp>

 <kbd>   </kbd>  

 <var>   </var>  

 <dfn>   </dfn>  

 <cite>  </cite>  

指定“字体大小”的标记和“指定字体”的标记的组合使用  

       <i>

       <font size=5>

       

       <b>今天</b> 天气

       <font size=6> 真好!</font>

       

       </font>

       </i>

5. 字体颜色:

     指定颜色 <font color=#> ... </font>

6.客户端:

   <font face="#, #, ..., #"> ... </font>

    #=客户端可获得的字体

 <font face="Arial, Helvetica"> Hellow World!</font>

7.字符实体:

 使用格式:

  &#; #=字符实体名称 或者 ascii 值

HTML2.0 的字符集  

&amp;           &

&lt;            <

&gt;            >

&quot;          "

3.

第一种:无序列表(无序清单),为什么会被称为无序列表呢?顾名思义,就是你写的这些列表项是没有顺序的,也就是说没有编号的。它的基本结构为:<ul type="属性值">

                                              <li>列表一</li>

                                               <li>列表二</li>

                                                  .......

                                   </ul>

无序列表只有一个属性,那就是type,这个type只有三种值:disc(实心圆),circle(空心圆),square(正方形),其中默认的值是disc

第二种:有序列表(顺序清单),有序列表是值列表项有编号的,编号可以分为好多种,这些种类都是type的属性值。

它的基本结构为:<ol type="属性值" start="一个具体的值">

                                   <li>列表项</li>

                                      <li>列表项</li>

 

4.

1.<table>

表格标记,用于插入表格

2.<tr>

行标记,用于插入行

3.<td>

列标记,用于插入列

4.<th>

表头标记,用于设置表头信息

5.<caption>

表格标题,设置标题

5.

text 定义常规文本输入。
radio 定义单选按钮输入(选择多个选择之一)
submit 定义提交按钮(提交表单)

accept-charset    规定在被提交表单中使用的字符集(默认:页面字符集)。

action    规定向何处提交表单的地址(URL)(提交页面)。

autocomplete    规定浏览器应该自动完成表单(默认:开启)。

enctype    规定被提交数据的编码(默认:url-encoded)。

method    规定在提交表单时所用的 HTTP 方法(默认:GET)。

name    规定识别表单的名称(对于 DOM 使用:document.forms.name)。

novalidate    规定浏览器不验证表单。

target    规定 action 属性中地址的目标(默认:_self)。

6.

1.<a> 标签定义超链接,用于从一张页面链接到另一张页面。<a> 元素最重要的属性是 href 属性,它指示链接的目标。在所有浏览器中,链接的默认外观是:未被访问的链接带有下划线而且是蓝色的

已被访问的链接带有下划线而且是紫色的

活动链接带有下划线而且是红色的

2.

<base> 标签为页面上的所有链接规定默认地址或默认目标。

通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

                                                                                                             

7.

  1. FRAMESET称框架标记,用以宣告HTML文件为框架模式,并设定视窗如何分割
    FRAME则只是设定某一个框窗内的参数属性
  2. noframes 元素可为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部。
  3. HTML 内联框架元素 (<iframe>) 表示嵌套的browsing context。它能够将另一个 HTML 页面嵌入到当前页面中。          

8.

1.

<BGSOUND> 的属性

balance

该属性取值在 -10,000 到 +10,000,它决定扬声器之间的音量如何分配。

loop

该属性表明音频被播放的次数,是一个数值或者关键字 infinite。

src

该属性定义了音频文件的 URL,必须是以下格式之一:.wav,.au,.mid

volume

该属性值域为 -10,000 到 0,它决定背景音乐的音量大小

2.<embed> 标签定义了一个容器,用来嵌入外部应用或者互动程序(插件)。

。。。。。。。。。。。。

制做不易,望多鼓励。

目录
相关文章
|
8天前
|
前端开发
HTML中的pre标签表示空格或换行
HTML中的pre标签表示空格或换行
|
8天前
HTML_表单标签
HTML_表单标签
17 0
|
8天前
|
前端开发 JavaScript 数据安全/隐私保护
【HTML】基本标签介绍(下)
【HTML】基本标签介绍(下)
13 3
|
8天前
|
机器学习/深度学习 前端开发 JavaScript
【HTML】基本标签介绍(上)
【HTML】基本标签介绍
12 1
|
8天前
|
存储 前端开发 JavaScript
【Web 前端】如何找到所有 HTML select 标签的选中项?
【5月更文挑战第2天】【Web 前端】如何找到所有 HTML select 标签的选中项?
|
8天前
|
编解码 移动开发 前端开发
【专栏:HTML与CSS移动端开发篇】使用Viewport Meta标签优化移动端显示
【4月更文挑战第30天】本文介绍了HTML的Viewport Meta标签在移动端网页优化中的作用。Viewport Meta标签定义了视口属性,如宽度、高度、初始缩放等,解决移动设备因屏幕尺寸差异导致的显示问题。主要属性包括width(常用device-width)、initial-scale、maximum-scale、minimum-scale和user-scalable。
|
8天前
|
移动开发 前端开发 开发者
【专栏:HTML进阶篇】网页结构与语义化标签进阶
【4月更文挑战第30天】提升网页结构清晰度和无障碍访问性,有利于SEO。这些标签为屏幕阅读器提供额外上下文,简化CSS样式设计,避免无意义的&lt;div&gt;和&lt;span&gt;。正确使用语义化标签是现代网页开发的关键,能创造更优质、易访问和优化的Web体验。
|
8天前
|
前端开发 数据安全/隐私保护
Day-1 HTML基本标签和CSS常用样式
Day-1 HTML基本标签和CSS常用样式
|
8天前
|
前端开发 容器
HTML_块级标签
HTML_块级标签
13 0
|
8天前
HTML_行内标签
HTML_行内标签
15 0