HTML学习总结


HTML是超文本标记语言(HyperText Markup Language)的缩写。

HTML结构

HTML文件以<html>开始,以</html>结束。
在<html>和</html>内有<head>和<body>两大基本框架,head一般是属性的设置,body内写入网页的内容。
如下图所示

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <title>页面标题</title>
</head>
<body>
  <h1>标题</h1>
  <p>内容</p>
</body>
</html>

HTML的元素

HTML 使用"标记"(markup)来注明文本、图片和其他内容,以便于在浏览器中显示。HTML 标记包含一些规定的"元素"如 <head>,<title>,<body>,<header>,<footer>,<article>,<section>,<p>,<div>,<span>,<img>,<aside>,<audio>,<canvas>,<datalist>,<details>,<embed>,<nav>,<output>,<progress>,<video> 等等。

常用元素

1.链接:
<a>,href属性为目标地址,target属性为_blank表示在新的页面打开超链接

<a href="https://www.baidu.com/" target="_blank">百度一下</a>

2.图片:
<img>,src属性为要显示图片文件的位置 URL,即图片文件的路径,alt属性当获取图片出现问题时显示的文字(占位符)

<img src="https://mdbootstrap.com/img/logo/mdb192x192.jpg" alt="MDB Logo" width="200" height="200">

3.表格:
<table>,<tr>表示行, <td>表示行中的单元, <th>是表头的单元,使用方法:

  <table>
    <tr>
      <th>Firstname</th>
      <th>Lastname</th>
      <th>Age</th>
    </tr>
    <tr>
      <td>Jill</td>
      <td>Smith</td>
      <td>50</td>
    </tr>
    <tr>
      <td>Eve</td>
      <td>Jackson</td>
      <td>94</td>
    </tr>
  </table>

4.列表:
无序列表使用<ul>标签,默认使用实心圆点作为每项的标志,其它的标志可以是空心圆circle,实心方块square以及不出现标志。
无序列表示例:

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

有序列表使用<ol>标签,默认使用数字作为每项的标志,其它的标志可以是大写字母A,小写字母a,罗马字母i等。
有序列表示例:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

5.锚点:
锚点,也称为书签,用于标记页面的某个元素或位置。通过锚点,我们可以轻易的在长页面内实现跳转。
先使用id属性生成某元素的锚点,然后再使用超链接指向该锚点即可。

<!-- 文档其余部分 -->
<h2 id="C4">第四章 论零号病人的重要性</h2>
<!-- 文档其余部分 -->
<a href="#C4">跳到第四章</a>
<!-- 文档其余部分 -->
...

元素的id值必须是唯一的,也即页面不能再有其它元素的id值为C4
超链接中的地址需要有#符号


总结

多写多练才能学得快。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 如果你想深入学习HTML,可以按照以下步骤: 1. 先了解HTML的基本结构和常用标签。学习HTML的第一步就是要了解HTML的基本骨架和语法规则,掌握常用标签的使用方法。 2. 学习HTML5的新特性。HTML5是最新的HTML标准,它引入了很多新的特性和标签,比如语义化标签、视频和音频标签、Canvas标签等。 3. 实践练习。学习HTML最好的方法就是不断地实践,写出自己的网页,加深对HTML的理解。 4. 学习CSS和JavaScript。HTML、CSS和JavaScript是Web开发的三大基础技术,学习它们的关系和相互作用可以让你更深入地理解HTML。 5. 阅读相关书籍和教程。可以阅读一些HTML的经典教材或者网上的教程,学习一些高级的技巧和应用。 总之,学习HTML需要持续的实践和不断地学习,不断地探索新的技术和应用,才能深入掌握HTML的技能。 ### 回答2: 要加深对HTML学习,可以采取以下几种方法。 首先,深入了解HTML的基本概念和语法。可以通过阅读相关的教材、参考书籍或网络上的教程,全面理解HTML标签的使用方法、属性及其功能。掌握HTML的基本结构和布局方式。 其次,实践是加深学习的关键。通过编写实际的HTML代码来加深理解和掌握。可以尝试构建简单的网页或模仿已有的网站页面,运用所学的知识来实现各种功能和效果。在实践过程中,遇到问题时可以积极查阅相关文档或向社区寻求帮助。 另外,参与在线学习资源也是一个不错的选择。加入HTML学习的在线社区、论坛或群组,与其他学习者交流,分享经验和资源。参与编程挑战、讲座或线上课程,获得更多实际案例和深入的理论知识。 对于持续学习,了解HTML的最新技术和发展也是必要的。HTML不断更新和演进,了解最新的标准和规范可以帮助保持学习的热情和对HTML发展的关注。可以关注相关领域的博客、社交媒体或新闻源,获取最新的技术动态和行业趋势。 总结来说,加深对HTML学习需要扎实的基础理论知识、实践编码、积极参与社区和持续学习更新的技术。通过多方面的努力和反复实践,逐步提高对HTML的掌握和应用能力。 ### 回答3: 要加深学习HTML,可以采取以下几个方法: 1. 阅读相关教材和文档:可以选择一本经典的HTML教材,或者查找官方文档,全面了解HTML的语法和标签。这样可以很好地理解HTML的基本知识,并掌握常见的HTML标签及其使用方法。 2. 参与在线课程或教学视频:有很多网上免费或付费的HTML课程和教学视频,通过参与这些课程可以系统地学习HTML的各个方面,包括表单、多媒体、样式等。同时,这些课程往往会有实例演示和练习,有助于加深对HTML的理解和应用能力。 3. 多实践编写代码:多写HTML代码是深入学习的关键。可以自己设计网页布局,利用各种HTML标签和属性实现网页功能,如导航菜单、图像展示等。在实践过程中,会遇到各种问题和挑战,通过解决问题逐渐增强对HTML的理解和掌握。 4. 参与项目或模仿练习:参与实际HTML项目或模仿已有的网站进行练习,是一种锻炼实际应用能力的好方法。可以找一些开源项目或优秀网站进行分析和模仿,通过实践提升自己的HTML编程技巧和设计能力。 5. 参与社区和论坛讨论:在相关的HTML社区或论坛上,与其他HTML爱好者交流和讨论,学习他人的经验和见解。这样可以了解最新的HTML技术和趋势,并且获取更多学习资源和帮助。 总之,加深学习HTML需要理论与实践相结合,坚持不懈地学习和实践,持续进步。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值