ruorbb自用|前端学习1——html

新建ctrl+N，先保存，再写

运行alt+B

标签：

1、<h1>-<h6>

<p></p>自动换行alt+z

<br />

<p></p>段落与段落之间，有空隙

<br />换行是在一个段落里进行，无空隙

2、<div></div>无语义，仅布局，大盒子，一行只能放一个

<span></span>无语义，仅布局，小盒子，一行可以放多个

3、使用图片时，要把图片和网页文件放在一个文件夹里

src=“”必须放在前面，之后的alt、title等的顺序可以随便放

    <h4>the use of image:</h4>
    <img src="swim.png" />
    <h4>alt 替换文本 图像显示不出来时，显示的文字</h4>
    <img src="swim1.png" alt="swimming"/>
    <h4>title 提示文本 鼠标放在图像上，提示的文字</h4>
    <img src="swim.png" title="swim"/>

    <h4>width 给图像设定宽度 height 给图像设置高度<br />
        一般仅设置宽度（或高度），另一个让他等比例缩小或扩大</h4>
    <img src="swim.png" width="500" height="300"/>
    <h4>border 给图像设定边框</h4>
    <img src="swim.png" border="15"/>

4、图像的相对路径

同一级路径<img src="img.png">

下一级路径<img src="images/img.png">

上一级路径 <img src="../img.png">

5、图像的绝对路径

本地绝对路径<img src="C:\Users\123\Desktop\HTML\1\案例\swim.png">或网络绝对路径

6、超链接

    <h4>1.外部标签</h4>
    <a href="http://www.baidu.com" target="_blank">new window baidu</a><br />
    <a href="http://www.baidu.com" target="_self">current window baidu</a>
    <h4>2.内部链接:网站内部页面之间的相互链接</h4>
    <a href="gongsijianjie.html">公司简介</a>
    <h4>3.空链接：#</h4>
    <a href="#">address of company</a>
    <h4>4.下载链接：地址链接的是文件 .exe或者是zip等压缩包形式</h4>
    <a href="swim.rar">下载文件</a>
    <h4>5.网页元素的链接</h4>
    <a href="http://www.baidu.com"><img src="swim.png" /></a>
    <h4>6.锚点链接：点击链接，可以快速定位到页面中的某个位置</h4>
    <a href="#live" id="rt">个人生活</a>
    <h3 id="live">个人生活介绍</h3>
    <a href="#rt">return top</a>

 7.注释和特殊字符

<！-- -->快捷键“ctrl+/”

    <!-- &nbsp是一个空格 -->
    讲&nbsp究
    <!-- <p>是一个段落标签 -->
    &lt;p&gt;is a paragraph signal.

 学习总结：很基础，已会，相当于复习了。