HTML 基本标识

自己自学记下来的,希望对大家有帮助。

1.最基本的
<h1>到<h6>定义标题   数字越大字体越小
<p>定义一个段  中间默认会有一个空行
<hr>一个水平线
<br>换行  特别需要注意的一点为<br />是<br>的结束标志。
<div>会换行的文档节
<span>不会换行的文档节
2.文本格式化的元素
<b>粗体
<i>斜体
<em>强调的文本(稍微有点斜体)
<strong>与<b>基本相同。
<small>小号字
<sup>上标文字
<sub>下标文字
<bdo>定义文本显示的方向    属性值dir  为rtl  或者 ltr
续:(如果想改变文字的颜色什么的,这些都太高级了^-^,用css去吧);
3.语义相关的元素
<abbr>(下面会有类波浪)表示缩写  title可以指定其全称(外部无法看见)
<address>表示是地址,会用斜体来表示
<q>(quote)表示引用,会用引号来包起来
<cite>表示书名、歌曲什么的   会用斜体表示
<code>用于表示一段计算机代码
<dfn>表示专业术语   会用粗体或者斜体表示(firefox是斜体)
<del>表示被删除的文本  ex:(DFS 深度优先)
<ins>定义文档中插入的文本  ex(DFS 深度优先)
<pre>表示已经进行了“预格式化”了,所以其中的空格,tab,enter保持原意,不会变成空格(默认是变成空格)
<samp>用于定义示范文本内容
<kbd>用于定义键盘输入的文本.
<var>用于表示一个变量。(斜体表示)
4.超链接和锚点
<a>定义超链接的元素   
属性:
href :指定超链接所关联的另一个资源。  可以是URL也可以是HTML种的文件(相对路径与绝对路径都支持)。
target:指定使用哪种框架来装载另一个资源。分别为(_self : 自身   _blank : 新窗口   _top : 顶层框架   _parent : 父框架来载入)
media:指定目标URL所引用的媒体类型。默认为all(这里相当于可以关闭接收图片) 注意:只有指定了href才会有效。
此处可以将图像作为载体   <im>
锚点:
<a name="test">需要指定name属性    与URL用#隔开。
锚点的定义:
锚点也可以理解成为一种超级链接,只不过它是网页内部的超级链接(注意不是网站内部)。 
比如我们有一个网页很长很长,而且里面的内容,可以分为N个部分。这样的话,我们就可以在网页的顶部设置一些锚点,这样便可以方便浏览者点击相应的锚点,到达本页内相应的位置,而不必在一个很长的网页里自行寻找。 

5.列表的相关元素
(记住,这些列表项都换默认有换行的,所以无需你自己加换行 tbody记住别掉了,不然没表格的形式显示出来)
<ul>定义无序列表   只能包含<li>
<ol>定义有序表   只能包含<li>
属性:
start:表示列表的的其实数字   默认的是第一个
type : 表示使用哪种类型的编号   A,a代表字母   1代表数字   I,i代表使用罗马数字
reversed:反转排序;所有浏览器都不支持
<li>定义列表项目   里面可以包含<div>完全类似的内容
<dl>也用于定义列表,只能包含<dt>  <dd>
<dt>定义标题列表项    只能包含文本、图像、超链接、文本格式化元素
<dd>定义普通列表项    可以包含于<div>类似的内容
6.表格相关元素
<table>用于定义表格
内部包含的
(0个,1个的)
<caption> <thead>  <tfoot> 
 (   多个的 )
<tr> <tbody>
属性:
cellpadding : 指定单元格内容与单元格边框之间的间距  (3者都可以是百分比或者像素值)
cellspacing :单元格之间的间距
 width: 指定表格的宽度
<caption> 用于定义表格标题
<tr> 定义表格行   包含<td><th> 2中元素
<td>定义单元格  可以包含各种类型的子元素
属性:
colspan:  指定该单元格跨多少列  
rowspan: 指定跨可多少行
height: 指定单元格的高度    可以是百分比或者像素值
width: 指定该单元格的宽度     可以是百分比或者像素值
<th>    跟<td>类似,但是显示起来有区别
<tbody> 定义表格的主体    内部只能含有<tr>
<thead> 表格头  用法与<tbody>基本类似
<tfoot> 定义表格脚    用法与<tbody>基本类似
<col>指定一个或者多个列的属性 (只能出现在table和colgroup中)
属性:
span:  指定该列可横跨多少列
<colgroup>  指定一个或者多个列的属性 
6.框架相关元素
<iframe>  生成一个内联框架  可以直接放在html页面的任意位置
属性:
src: 该属性指定一个URL,指定该iframe将装载哪个页面



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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值