青训营笔记1

73 阅读2分钟

前端与HTML

前端是指用户与计算机交互的界面,包括GUI(图形用户界面)、PC(个人电脑)、Web(万维网)、VR/AR(虚拟现实/增强现实)等。 HTML(超文本标记语言)是一种用于描述Web页面的语言,它使用标签(tag)来定义元素(element),元素可以包含属性(attribute)、内容(content)和子元素(child element)。

html4的文档声明

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

html5的文档声明

<!DOCTYPE html>

如果不声明解析网页时会产生一些不可预期的行为,所以我们应该避免出现。

HTML的基本结构

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>标题</title>
</head>
<body>
   网页的内容都写在body中
  <h1>一级标题</h1>
  <p>段落</p>
</body>
</html>

HTML的常用标签

  • <h1>到<h6>:定义标题,数字越小,字号越大。
    
  • <p>:定义段落,会自动换行。
    
  • <br>:定义换行,是一个空标签,没有结束标签。
    
  • <hr>:定义水平线,也是一个空标签。
    
  • <a>:定义超链接,需要使用href属性指定链接地址,可以使用target属性指定打开方式。
    
  • <img>:定义图像,需要使用src属性指定图像源,可以使用alt属性指定替代文本,也可以使用widthheight属性指定图像大小。
    
  • <ul>和<ol>:定义无序列表和有序列表,需要配合`<li>`标签定义列表项。
    
  • <table>:定义表格,需要配合`<tr>`标签定义行,`<td>`标签定义单元格,`<th>`标签定义表头单元格,可以使用border属性指定边框宽度。
    
  •  <div>和<span>:定义块级元素和内联元素,可以用于布局和样式控制。
    

    HTML还可以使用CSS(层叠样式表)和JavaScript(脚本语言)来增强页面的外观和功能。CSS可以使用style属性或者标签或者标签来引入。JavaScript可以使用标签来引入或者直接编写。