html的基础标签与含义

版面

标题文字<h#>

<blockquote>的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。

字体变化<font size=#>  <font face="字型名称">  <font color=#rrggbb>

如果要单独对文本中的某句话添加样式,可以用<span>

显示小字体<small>  显示大字体<big>  粗体字<b>  斜体字<i>  打字机字体<tt>  

底线<u>  删除线<strike>  下标字<sub>  上标字<sup>

文字闪烁效果<blink>

换行<br>  分段<p>

文字的对齐方向<p align="#">

分隔线<hr>

1)分隔线的粗细 <hr size=点数>

2)分隔线的宽度 <hr size=点数或百分比>

3)分隔线对齐方式 <hr align="#">

4)分隔线的颜色 <hr color=#rrggbb>

5)实心分隔线  <hr noshade>

链接<a hred="#">

图片<img src="#" alt="文字">

独立引用<blockquote>

引证<cite>

文本内引用<q>

列表项<li>

有序列表<ol>

在html代码中输入空格回车都是没有作用的。要想输入空格,必须写入&nbsp;

<pre>语言代码段</pre>

<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。

创建表格的四个元素:

table、tbody、tr、th、td

1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。

2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。

3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。

4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。

5、<th>…</th>:表格的头部的一个单元格,表格表头。

6、表格中列的个数,取决于一行中数据单元格的个数。

要想显示&,最好写为&amp;

<a href="#" target="_blank"在新的浏览器里打开链接

特点

  • 由尖括号包围的关键词,比如 <html>

  • 通常是成对出现的,比如 <div> 和 </div>

  • 标签对中的第一个标签是开始标签,第二个标签是结束标签;

  • 开始和结束标签也被称为开放标签和闭合标签。

  • 也有单独呈现的标签,如:<img src="百度百科.jpg" />等。

  • 一般成对出现的标签,其内容在两个标签中间。单独呈现的标签,则在标签属性中赋值。如<h1>标题</h1>和 <input type="text" value="按钮" />。

  • 网页的内容需在<html>标签中,标题、字符格式、语言、兼容性、关键字、描述等信息显示在<head>标签中,而网页需展示的内容需嵌套在<body>标签中。某些时候不按标准书写代码虽然可以正常显示,但是作为职业素养,还是应该养成正规编写习惯。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值