工作之中,经常需要自己写一些简单的网页,那么,就需要有一定的前端代码能力。HTML,CSS,JavaScript等皆是最常用的前端代码,本小节即学习笔记,帮助各位初学者快速找到自己想要的网页制作所需要的HTML代码。
一. 最常见的网页结构
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>开始HTML</title>
</head>
<body>
<h1>你今天码代码了吗?</h1>
</body>
</html>
以上代码保存为.html格式,然后用浏览器打开即为最简单的网页。可以试一试~
二. HTML元素
元素是HTML的最基本部件,由成对尖括号 <> 及括号间的内容组成。例如:
你今天码代码了吗?
。2.1 基本元素( 文字粗细,斜体,上/下标,链接,加载图片,删除线,下划线 )
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>教程</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落</p>
<a href="http://www.runoob.com">这是我的第一个链接</a>
<br />
<img src="/images/logo.png" width="258" height="28" />
<br />
<b>加粗文本</b>
<br />
<i>斜体文本</i>
<br />
<p>这是<sub>下标</sub></p>
<p>这是<sup>上标</sup></p>
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
<br />
<br />
<br />
<br />
<br />
<br />
</body>
</html>