HTML基础(1)

编辑器

  • Adobe Dreamweaver
  • Microsoft Expression Web
  • CoffeeCup HTML Editor
  • 记事本

标签

HTML 标签对大小写不敏感。

  • HTML 标题(Heading)是通过 <h1> </h1>- <h6></h6> 等标签进行定义的。
  • HTML 段落是通过 <p> </p>标签进行定义的。如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签
  • HTML 链接是通过 <a> </a>标签进行定义的。注释:在 href 属性中指定链接的地址。
    <a href="http://www.w3school.com.cn">This is a link</a>   给This is a link加链接
  • HTML 图像是通过 <img> 标签进行定义的。注释:图像的名称和尺寸是以属性的形式提供的。
    <img src="w3school.jpg" width="104" height="142" />
  • <br />  定义换行,在开始标签中结束 是关闭空元素的正确方法
  • <hr /> 标签在 HTML 页面中创建水平线。
  • <!-- This is a comment -->  添加注释,运行后不显示。
  • 标签描述
    <html>定义 HTML 文档。
    <body>定义文档的主体。
    <h1> to <h6>定义 HTML 标题
    <hr>定义水平线。
    <!-->定义注释。

元素

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容(empty content)
  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)eg:<br />  
  • 大多数 HTML 元素可拥有属性

大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。HTML 文档由嵌套的 HTML 元素构成。

**不要忘记结束标签。不会报错,但可能会产生不可预料的结果或错误

属性

属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现,比如:name="value"。属性总是在 HTML 元素的开始标签中规定。

eg:

  • HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定:<a href="http://www.w3school.com.cn">This is a link</a>
  • <h1> 定义标题的开始。<h1 align="center"> 拥有关于对齐方式的附加信息。
  • <body> 定义 HTML 文档的主体。<body bgcolor="yellow"> 拥有关于背景颜色的附加信息。
  • <table> 定义 HTML 表格。<table border="1"> 拥有关于表格边框的附加信息。

**  使用小写属性;加引号(单引号或双引号)

属性描述
classclassname规定元素的类名(classname)
idid规定元素的唯一 id
stylestyle_definition规定元素的行内样式(inline style)
titletext规定元素的额外信息(可在工具提示中显示)

样式

style 属性用于改变 HTML 元素的样式。

<p style="font-family:verdana;color:red">This text is in Verdana and red</p>

  • background-color 属性为元素定义了背景颜色;
  • font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸
    <p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
  • text-align 属性规定了元素中文本的水平对齐方式;
    <h1 style="text-align:center">This is a heading</h1>

格式化

文本格式化标签

  • <b>This text is bold</b>:黑体
  • <strong>This text is strong</strong>:加粗
  • <big>This text is big</big>:放大
  • <em>This text is emphasized</em>:强调
  • <i>This text is italic</i>:斜体
  • <small>This text is small</small>
  • This text contains <sub>subscript</sub>  :上标
  • This text contains<sup>superscript</sup>  :下标
  • <pre> </pre> 保留预格式文本--适合用于显示计算机代码
  • <address></address>  写明地址
  • title 可用于展示表达的完整版本。仅对于 IE 5 中的 acronym 元素有效。对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。<acronym title="World Wide Web">WWW</acronym>
  • <bdo dir="rtl">Here is some Hebrew text</bdo>  :bi-directional override (bdo)定义双流向覆盖,rt1:从右往左输出
  • <blockquote></blockquote>;<q></q> :引用;使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现。
  • <del>二十</del> :删除文本; <ins>十二</ins>:下划线文本
  •  <cite> 元素定义著作的标题。浏览器通常会以斜体显示 <cite> 元素。
标签描述
<b>定义粗体文本。
<big>定义大号字。
<em>定义着重文字。
<i>定义斜体字。
<small>定义小号字。
<strong>定义加重语气。
<sub>定义下标字。
<sup>定义上标字。
<ins>定义插入字。
<del>定义删除字。
<s>不赞成使用。使用 <del> 代替。
<strike>不赞成使用。使用 <del> 代替。
<u>不赞成使用。使用样式(style)代替。

计算机输出”标签

标签描述
<code>定义计算机代码。
<kbd>定义键盘码。
<samp>定义计算机代码样本。
<tt>定义打字机代码。
<var>定义变量。
<pre>定义预格式文本。

文本格式化标签

标签描述
<abbr>定义缩写。
<acronym>定义首字母缩写。
<address>定义地址。
<bdo>定义文字方向。
<blockquote>定义长的引用。
<q>定义短的引用语。
<cite>定义引用、引证。
<dfn>定义一个定义项目

HTML 引文、引用和定义元素

标签描述
<abbr>定义缩写或首字母缩略语。
<address>定义文档作者或拥有者的联系信息。
<bdo>定义文本方向。
<blockquote>定义从其他来源引用的节。
<dfn>定义项目或缩略词的定义。
<q>定义短的行内引用。
<cite>定义著作的标题。

 

HTML 计算机代码元素

标签描述
<code>定义计算机代码文本
<kbd>定义键盘文本
<samp>定义计算机代码示例
<var>定义变量
<pre>定义预格式化文本

 

 

标签描述
<style>定义样式定义。
<link>定义资源引用。
<div>定义文档中的节或区域(块级)。
<span>定义文档中的行内的小块或区域。
<font>规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。
<basefont>定义基准字体。不赞成使用。请使用样式。
<center>对文本进行水平居中。不赞成使用。请使用样式。
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值