HTML 5 学习第二课

元素：<p>+++++++++</P> 全部内容

标签：<P></P>

属性：标签内部的内容

eg:<img src=“ ”>

内容：标签之间

*不建议和禁止使用style="font_size:32px"标签来更改主题的大小。应用<h>级标签。。

<br> 换行标签，上下无间隔。<P> 上,.下有间隔。

<hr> 分割线标签

<blockquote> 引用标签 ----版权声明 ----有首行缩进功能

<blockquote cite=“www.baidu.com“> 横眉冷对千夫指，俯首甘为孺子牛。

</blockquote>

<pre> </pre> ---预格式标签 ---保留文本的原始 认样式 ---利于展示代码，按照自己的格式

列表

1：无序列表

a:修饰符是默认的原点；

b:可以嵌套，嵌套的修饰符会与外层产生区别，以示区分。

1：网页制作基础知识

2：制作Javascript脚本特效

3：网站配色与布局

<ul>

<li> 列表项</li>

</ul>

2：有序列表

a:修饰符是数字,它会随着项目的增多，自动增加。

b:有序列表也是可以嵌套的。

<ol>

<li> 列表项</li>

</ol> ----有序列表标签

3：定义列表 ----经常适用于图文混编

a:子标签分2个 dt dd

b: dt:列表的标题，没有缩进

dd:列表的描述，有缩进

<dl>

<dt>标题</dt>

<dd>描述1 </dd>

.......

</dl>

组合标签

<figure> -----具有缩进功能

<img src="" alt=""/>

<figcaption> 标题

</figcaption>

</figure>

分区标签 ---一般当作结构化块状元素来使用，作为逻辑分区（分块）即容器来使用。

<div> </div> ---块级标签

行级元素

<span> 文本 ----范围标签：显示某行内的独特样式

<span>文本等行级内容</span>

<!--span:用于包裹文本中的某一个或某几个字段，以方便添加样式-->

<img> 图片

src ---用来指定指定显示图片的路径

alt ---用来指定当你的图片不存在时，相关的错误信息。

title ---当鼠标悬浮在图片上时，相关的提示信息。

width ---指定图片的宽度

height ---指定图片的高度

------------多元化标签的使用利于搜索引擎的搜索。。

<em> 强调倾斜

---显示效果为倾斜，并且有强调意思，可以更方便的被浏览器搜索到

<i> 倾斜

---显示效果为倾斜，没有强调的意思。

<strong>

---显示效果为粗体，并且有强调意思，可以更方便的被浏览器搜索到

<b>

---显示效果为倾斜，没有强调的意思。

<q> 短引用

---引号作用，优化作用。

<small> 缩小字体

---相比相邻的文本，small标签里的字体更小。

<a> 超链接

---1：页面跳转

******** ---2：锚点链接

<a name="XX"></a>

<a href="#XX"></a>

*******

---3：功能链接

---mailto://xxxxxxx 给指定邮箱发送邮件tencent://message/?uin=xxxxxxx 给指定QQ发送消息

href: 用来指定超链接要跳转的页面 页面可以是本地页面，也可以是非本地页面

title: 用来指定鼠标悬浮时的提示文本

target: 用来指定要打开的页面在什么位置显示 --self --blank

rel: 用来指定要打开的页面和当前页面的关系 --next --prev

添加rel可以做到搜索引擎优化 -->

<s> ---删除线，用来显示删除数据

<s> XXXXX</s> <strike>XXXXX</strike>

------最新的删除线通过span来设置

<spanstyle="text-decoration:line-through">这是被删除的文本</span>

<u> 下划线

<u> XXXX</u>

<!--cite标签：

浏览器显示为倾斜，常用于书，画作，作品的引用 -->

<cite>这是cite标签</cite>

<!--mark

:高亮或标记文本 浏览器显示为黄色背景-->

<mark>高亮显示文本</mark>

<!--code:只是表示计算机代码，但是浏览器只会显示等宽字体，不会保留代码格式，需配合pre

-->

<pre>

<code>

StringBuffer sb=new StringBuffer();

for(String s :arr) {

sb.append(s);

}

</code>

</pre>

<!--bdo:

表示文本方向，dir="ltr" 从左往右 dir="rtl" 从右往左-->

<bdo dir="ltr">天道酬勤</bdo><br/>

<bdo dir="rtl">天道酬勤</bdo>

<!--sup:上标文本-->

X²

<!--sub:下标文本-->

log₂