HTML学习笔记(html教学)

1.标题标签:<h1> </h1>

2.段落标签:<p> </p>

3.水平线标签:<hr/>

4.换行标签:<br/>

5.div span标签:两者无语义,相当于一个盒子,用来布局。两者区别:<div></div>会自动换行。

6.文本格式化标签:<b> </b> <strong> </strong> 粗体

<i> </i> <em> </em> 斜体

<s> </s> <del> </del> 加删除线

<u> </u> <ins> </ins> 加下划线

7.标签属性:<标签名 属性1="属性值1" 属性2="属性值2">内容</标签名>

8.图像标签:<img />

属性 属性值

src 路径

alt 文本(图片不显示时显示的文本)

title 鼠标经过时的悬浮文本

width 宽度

height 高度

border 边框宽度

9.链接标签:<a href="目标" target="窗口弹出方式"> </a>

瞄点定位:<a herf="#id名"> </a> <h3 id="文本"> </h3>

target="-self"本窗口弹出

target="-blank"打开新窗口弹出

class与id区别:class不唯一,id唯一

10.base标签:<base target="-blank">

此标签必须放在<head> </head>里

11.常见特殊字符:&nbsp 空格

&lt 小于号

&gt 大于号

&copy 版权

12.注释标签:<!–注释的文本 –>

13.路径:

相对路径:同一级 <img src="文件名" />

下一级<img src="下一级文件名/文件名">

上一级<img src="../文件名"/>(上两级../../,依次类推)

绝对路径:"D:wen\word"或"http://www.baidu.com"

14.列表

无序列表:<ul>

<li>列表项1</li>

<li>列表项2</li>

……

</ul>(ul里不可放其他标签,li里可以放其他标签,后者同理)

有序列表:<ol>

<li> </li>

<li> </li>

……

</ol>

自定义列表:术语,名词的解释描述

<dl>

<dt>名词1</dt>

<dd>解释1</dd>

<dt>名词2</dt>

<dd>解释2</dd>

……

</dl>

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注