java学习基础第一讲

1. HTML5 的初步学习

基本标签  <div> <a> <p> <img /> <br /> <hr />  

<div>标签: div标签为双标签及成对出现 例如(<div></div>),可以嵌套多个标签 列如(<div><div><p></p><div/></div>) ,也是一个块元素,独占一行.

<a>标签:a标签是双标签及成对出现 列如(<a></a>),可以嵌套空标签以及行标签 例如(<a><span></span><img />></a>),是一个非块元素,a标签其重要属性为href:为跳转路径,以及title隐藏标题.

<p>标签:p标签为段落标签,行元素,只能嵌套空标签.

<img />标签:img标签为图片标签,行元素  直到沾满一行才能换行,display属性为online;其重要属性为src:为图片路径;

路径分为相对路径和绝对路径;相对路径为其项目的路径 可以任意拷贝传输不受影响,绝对路径为图片的本地路径,只能在本机浏览.

<br />标签:该标签为强制换行标签.

<hr />为分割线标签

2.无序列表

<ul>

<li>内容</ li>

<li>内容</ li>

</ul>

有序列表

<ol>

<li>内容</ li>

<li>内容</ li>

</ ol>

自定义列表

<dl>

<dt>内容</dt>

<dt>内容</dt>

</dl>

3元素快捷写法

3.1嵌套关系

div>div>p 再按Tab

效果:

<div><div><p></p></div></div>

3.2兄弟关系

div+div+p 再按Tab

效果

<div></div>

<div></div>

<p></p>

3.3多个相同标签

div*N 再按Tab

<div></div>

.

.

<div></div>

3.4 id和类的写法

div#lanou 再按Tab

效果

<div id="lanou"></div>

div.lanou 再按Tab

效果

<div class="lanou"></div>