html设置表格高宽的代码_HTML入门速成

html设置表格高宽的代码_HTML入门速成_第1张图片

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


一. 最常见的网页结构



 
 
 开始HTML
 
 
 

你今天码代码了吗?

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

二. HTML元素

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

你今天码代码了吗?

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





教程


    

我的第一个标题

我的第一个段落

这是我的第一个链接

加粗文本
斜体文本

这是下标

这是上标

My favorite color is blue red!







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

html设置表格高宽的代码_HTML入门速成_第2张图片

2.2 表格

如何生成表格?

html设置表格高宽的代码_HTML入门速成_第3张图片

会用到以下标签

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





教程




>
    >
    >
    >
    >
    >
    >
工资单
年份季度姓名工资奖金个税扣除个税工资
2019 1 王建民 28900 3458 3988 21454
2 27366 3458 3988 21454
3 27366 3458 3988 21454
4 27366 3458 3988 21454

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

2.3.1 有序列表





教程


  1. 苹果
  2. 香蕉
  3. 雪梨
  4. 西瓜

167d15f985be38a876908b6bbf7e6e6e.png
有序列表-水果

2.3.2 无序列表





教程


  • 苹果
  • 香蕉
  • 雪梨
  • 西瓜

7b908ef14b98ca3c4bec47e9a5751e80.png
无序列表-水果

2.3.3 嵌套列表





教程


  • 苹果
    1. 大苹果
    2. 小苹果
  • 香蕉
  • 雪梨
  • 西瓜

html设置表格高宽的代码_HTML入门速成_第4张图片

2.4

以上是给表格增加背景色的代码,一般这段加在HTML的之间

加入css样式有三种形式:内联样式,内部样式表,外部样式表

内联样式:

文字文字文字

内部样式表:

外部样式表:

  • script+脚本

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

html设置表格高宽的代码_HTML入门速成_第5张图片

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

你可能感兴趣的:(html设置表格高宽的代码)