html table 样式_HTML入门速成

html table 样式_HTML入门速成_第1张图片

工作之中,经常需要自己写一些简单的网页,那么,就需要有一定的前端代码能力。HTML,CSS,JavaScript等皆是最常用的前端代码,本小节即学习笔记,帮助各位初学者快速找到自己想要的网页制作所需要的HTML代码。


一. 最常见的网页结构


以上代码保存为.html格式,然后用浏览器打开即为最简单的网页。可以试一试~

二. HTML元素

元素是HTML的最基本部件,由成对尖括号<>及括号间的内容组成。例如:

你今天码代码了吗?

2.1 基本元素(文字粗细,斜体,上/下标,链接,加载图片,删除线,下划线


上述元素包括文字粗细,斜体,上/下标,链接,加载图片,删除线,下划线等。以上代码运行后,如图:

html table 样式_HTML入门速成_第2张图片

2.2 表格

如何生成表格?

html table 样式_HTML入门速成_第3张图片

会用到以下标签

,行标签设置,列标签设置,表头标签设置


2.3 列表(有序列表/无序列表/嵌套列表)

2.3.1 有序列表


778c93953742057804946c94f4865864.png
有序列表-水果

2.3.2 无序列表


3e3f6ce5b4c0454f74c247c69b67c309.png
无序列表-水果

2.3.3 嵌套列表


html table 样式_HTML入门速成_第4张图片

2.4

外部样式表:

  • script+脚本

以下是xmind可以帮助大家记忆:

html table 样式_HTML入门速成_第5张图片

觉得有用的小伙伴记得收藏点赞~

你可能感兴趣的:(html,table,样式,html,table样式,html,ul,li,左右两排,html,表格table点一下变色,html下划线,html无序列表横向排列)