前端与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属性指定替代文本,也可以使用width和height属性指定图像大小。 -
<ul>和<ol>:定义无序列表和有序列表,需要配合`<li>`标签定义列表项。 -
<table>:定义表格,需要配合`<tr>`标签定义行,`<td>`标签定义单元格,`<th>`标签定义表头单元格,可以使用border属性指定边框宽度。 -
<div>和<span>:定义块级元素和内联元素,可以用于布局和样式控制。HTML还可以使用CSS(层叠样式表)和JavaScript(脚本语言)来增强页面的外观和功能。CSS可以使用style属性或者标签或者标签来引入。JavaScript可以使用标签来引入或者直接编写。