关于html中标签和标签两者的区别

html-css04

关于html中标签和标签两者的区别,第1张

html的 便签是 一些元素的名字 如: div , p ,a , span ,em 等等,用于盛放元素是成对出现的需要有闭合。

标签的意思很普通:白话就是给一个东西赐予一个标签,如:跑步很厉害的人 标签可以是:运动健将

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<pre>标签的一个常见应用就是用来表示计算机的源代码。

可以导致段落断开的标签(例如标题、<p>和 <address>标签)绝不能包含在 <pre>所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的。

pre 元素中允许的文本可以包括物理样式和基于内容的样式变化,还有链接、图像和水平分隔线。当把其他标签(比如 <a>标签)放到 <pre>块中时,就像放在 HTML/XHTML 文档的其他部分中一样即可。

HTML 标题

HTML 标题(Heading)是通过 <h1>- <h6>等标签进行定义的。

<h1>定义最大的标题。<h6>定义最小的标题

实例:

<h1>This is a heading</h1>

<h2>This is a heading</h2>

<h3>This is a heading</h3>123123

HTML 段落

HTML 段落是通过 <p>标签进行定义的。

实例:

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

123123

HTML 链接

HTML 链接是通过 <a>标签进行定义的

实例:

<a href="/index.html">本文本</a>是一个指向本网站中的一个页面的链接。</p>

<p><a href="http://www.microsoft.com/">本文本</a>是一个指向万维网上的页面的链接。</p>

12341234

注释:在 href 属性中指定链接的地址。

HTML 图像

图像标签()和源属性(Src),src 指 “source”。

HTML 图像是通过 <img>标签进行定义的。

实例:

<img src="w3school.jpg" width="104" height="142" />11

HTML 折行

换行(新行),请使用 <br />标签

实例:

<p>This is<br />a para<br />graph with line breaks</p>11

HTML 无序列表

无序列表

无序列表始于 <ul>标签。每个列表项始于 <li>。

实例:

<ul>

<li>咖啡</li>

<li>茶</li>

<li>牛奶</li>

</ul>1234512345

HTML 无序列表

有序列表

有序列表始于 <ol>标签。每个列表项始于 <li>标签。

实例:

<ol>

<li>咖啡</li>

<li>牛奶</li>

<li>茶</li>

</ol>1234512345

HTML 布局

使用 <div>元素添加布局。

div 元素是用于分组 HTML 元素的块级元素。

实例:

<div id="div"> </div>11

HTML 表单和输入

输入标签(<input>)

实例:

<input type="text" name="name" />11

HTML 按钮(Button)

实例:

<button>Hello world </button>

<input type="button" value="Hello world!">1212

HTML 单选按钮(Radio Buttons)

实例:

<input type="radio" name="sex" value="male" />Male

<br />

<input type="radio" name="sex" value="female" />Female123123

HTML 复选框(Checkboxes)

实例:

<input type="checkbox" name="bike" />I have a bike

<br />

<input type="checkbox" name="car" />I have a car