工作之中，经常需要自己写一些简单的网页，那么，就需要有一定的前端代码能力。HTML，CSS,JavaScript等皆是最常用的前端代码，本小节即学习笔记，帮助各位初学者快速找到自己想要的网页制作所需要的HTML代码。
一. 最常见的网页结构
<!DOCTYPE html>
以上代码保存为.html格式，然后用浏览器打开即为最简单的网页。可以试一试~
二. HTML元素
元素是HTML的最基本部件，由成对尖括号<>及括号间的内容组成。例如：<h1>你今天码代码了吗？</h1>。
2.1 基本元素（文字粗细，斜体，上/下标，链接，加载图片，删除线，下划线）
<!DOCTYPE html>
上述元素包括文字粗细，斜体，上/下标，链接，加载图片，删除线，下划线等。以上代码运行后，如图：
2.2 表格
如何生成表格？
会用到以下标签<table></table>,<tr>行标签设置</tr>,<tr>列标签设置</tr>,<th>表头标签设置</th>
<!DOCTYPE html>
2.3 列表(有序列表/无序列表/嵌套列表)
2.3.1 有序列表
<!DOCTYPE html>
2.3.2 无序列表
<!DOCTYPE html>
2.3.3 嵌套列表
<!DOCTYPE html>
2.4 <style>和<script>
- style元素可以给HTML增加css样式
<!--给表格加样式--->
以上是给表格增加背景色的代码，一般这段加在HTML的<head></head>之间
加入css样式有三种形式：内联样式，内部样式表，外部样式表
内联样式：<h1 style="font-family:arial;"> 文字文字文字</h1>
内部样式表：<style type="text/css"> body {background-color:yellow;} </style>
外部样式表：<link rel="stylesheet" type="text/css" href="mystyle.css">
- script+脚本
以下是xmind可以帮助大家记忆：
觉得有用的小伙伴记得收藏点赞~
扫一扫
3373
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
