栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

前端三件套之一HTML基础知识汇总

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

前端三件套之一HTML基础知识汇总

目录

1、HTML 基本结构标签

2、HTML 常用标签

目录

1、HTML 基本结构标签

2、HTML 常用标签

①标题标签h1-h6

②段落标签p

③换行标签br

④文本格式化标签strong、b、em、i、del、s、ins、u

⑤div标签和span标签

⑥图像标签和路径 img

⑦超链接标签 a

3、列表标签

①无序列表ul和li

②有序列表ol和li

③自定义列表dl、dt和dd

4、表格标签

5、表单标签

①input标签

 ②button标签


①标题标签h1-h6

②段落标签p

③换行标签br

④文本格式化标签strong、b、em、i、del、s、ins、u

⑤div标签和span标签

⑥图像标签和路径 img

⑦超链接标签 a

3、列表标签

①无序列表ul和li

②有序列表ol和li

③自定义列表dl、dt和dd

4、表格标签


1、HTML 基本结构标签
 
  
 我的第一个页面 //网页标题
 
 
 你我之间,黑马洗练,月薪过万,一飞冲天 //用户看到的
 

2、HTML 常用标签

①标题标签h1-h6

标签语义:作为标题使用,并且依据重要性递减

特点:独占一行,字号不一样,字体加粗

②段落标签p

标签语义:可以把 HTML 文档分割为若干段落

特点:自适应换行,段落与段落之间有间隔

③换行标签br

标签语义:强制换行

特点:为单标签,只换行,行与行之间没有间隙

④文本格式化标签strong、b、em、i、del、s、ins、u
语义标签
加粗或
倾斜或
删除线或
下划线或

⑤div标签和span标签

标签语义:都是盒子,没有语义

特点:标签用来布局,但是现在一行只能放一个;为大盒子 。标签用来布局,一行上可以多个 ;为小盒子

⑥图像标签和路径 img
 

src里面放图片的路径,有相对路径和绝对路径。标签还有其他属性可以对图片进行处理,比如alt为图片加载失败显示的文字,title为鼠标悬停时显示的文字;另外还可以设置长宽与边框粗细。

⑦超链接标签 a
 文本或图像 

链接分类:

3、列表标签

①无序列表ul和li
  • Coffee
  • Milk

每一项前有原点,ul里面只能放li,li里面可以放任意的标签

②有序列表ol和li
  1. Coffee
  2. Milk

每一项都是有顺序的,ol里面只能放li,li里面可以放任意的标签

③自定义列表dl、dt和dd
Coffee
- black hot drink
Milk
- white cold drink

 自定义列表以

标签开始。每个自定义列表项以
开始。每个自定义列表项的定义以
开始。dl标签中只能放dt或者dd,dt或者dd中可以放任意标签。

4、表格标签
Header 1 Header 2
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

table属性有border边框、width宽度和height高度,合并单元格的属性有rowspan(跨行合并)和colspan(跨列合并)

表格
表头
行
单元
标题
列的组
列的属性
页眉
主体
页脚

5、表单标签

①input标签

type里面可以选择不同类型,有color,date,datetime,text,password,checkbox等等,下面是其中几种。

 ②button标签

type有提交submit、重置reset、普通button三种。

③select标签

下来标签,整体为select,每一项为option

④textarea标签

用于输入大段文字

⑤label标签

转载请注明:文章转载自 www.mshxw.com
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号