初识Html及开发工具

初识Html及开发工具

做一个有耐心的人，保持专注与热情，方能不负韶华。——致本次学习

---

元素&&块&&页面

<p>
    双标签
</p>

a标签的使用

<a href="#" target="_self">自有窗口打开</a>
<a href="#" target="_blank">新窗口打开</a>

元素是由标签和属性共同组成

<me name="wang" height="125" pro="study">This is me</me>

图片的使用

<img src="https://www.baidu.com/image.jpg" width="200"  alt="描述">

iframe的使用

<iframe src="https://www.baidu.com/" frameborder="0" name="baidu" width="500"> </iframe>

a标签与iframe的使用，常用于页面布局中的嵌套，类似webview。

<a herf="https://www.baidu.com" target="baidu">打开百度</a>
<iframe srcdoc="<em>click</em>" name="baidu" width="400"></iframe>

锚点的使用

• 使用块元素容器标签
• 使用容器更好的归类与整理
• 为容器添加id
• 使用a元素定位id，实现跳转。使用技巧添加”#”实现页面内ID定位跳转。
• 可以使用style设置样式，但是不建议，一般使用CSS进行统一的设置和管理
• 使用锚点之后，URL会对锚点进行标记，在#后部同步显示出来。
• 使用“#”默认到顶部
• 一般锚点作为路由关系

  <a href="#footer">跳转底部</a>
        <div id="footer" style="margin-top:800px">我是底部 </div>
    <a href="#">回到顶部</a>