HTML零基础入门(内容待填充)

#HTML零基础简介

HTML是世界通用的超文本标记语言,它无处不在。通过HTML,我们可以将文字、图片、链接等元素添加到网页中去。如今,HTML已经成为程序员必须掌握的一项技能,学习HTML知识,是所有程序员的第一步。掌握它,意味着你已经打开的编程世界的大门。

01 HTML基本结构

02 HTML规范

03 标签的组成

HTML 标签通常有 闭合性和非闭合性标签
HTML通常都是闭合性标签 <标签的开始> 内容</结束>
标签也可以有自己的属性
<标签的开始 属性名=‘属性值’> 内容</结束>
属性值一般都是使用双引号,特殊情况的单引号(一般不受影响)

根据标签是否独占一行来区分
块级标签:独自占一行,左右两边不允许出现其他标签
例如:


行级标签: 在行内显示,不需要独占一行
例如 span标签可以与其他的内容在同一行显示

	

有开始也有结尾,是成对出现的。从开始加上中间的标签内容到标签结束,我们成为这是一个HTML的标签元素。

04 注释和实体字符

05 文档类型

常用标签

06 常用标签1

标签含义说明
br换行标签非闭合标签
p段落标签关闭标签,块级标签,前后有明显的间隔
h1、h2、h3、标题标签按照h1到h6逐渐变小,块级标签、加粗显示
pre预格式化文本标签保留编码时的格式
div分区标签常作用容器来使用,一般用来页面布局,块级标签
span范围标签默认没有任何效果,一般用于设置行内特殊样式
Ol li有序列表有序的项目列表
ul li无序列表表示没有顺序的列表
dl dt dd自定义列表对术语和图片进行描述的列表

HTML 有序列表
同样,有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于

  1. 标签。
    每个列表项始于 <li标签。
    有序列表适合各项目之间存在顺序关系的情况。
    有序列表的属性
    type 属性: 设置列表前的符号标记,取值,数字1 a,阿拉伯数字,
    start 属性: 用于设置起始值,这个值必须是数字,用于表述 type属性的符号标记,从第几个符号开始

<ol type="a" start="3">
				<li>京东</li>
				<li>千度</li>
				<li>腾讯</li>
				<li>淘宝</li>
				<li>联想</li>
				<li>美团</li>
		</ol>

根据type设置的默认属性,a,应该是从a符号开始排序,单身start标签设置的是 start=3,所有有序符号从C开始,
在这里插入图片描述

无序列表
ul li标签
属性type 设置列表前的符号标记 ,取值disc 实心圆。或circle 空心圆,square,正方形,none,不显示符号

07 常用标签2

08 常用标签3

09 常用标签 4

10 其他标签

11 标签嵌套

超链接

12 超链接

13 锚链接

14 功能性链接

15 URL详解

表格

16 表格结构

17 合并单元格

18 表格的高级标签

表单

19 表单的基本用法

20 表单元素

21 特殊表单元素

22 其他表单元素

23 内嵌表单元素

HTML 5

24 HTML 5简介

25 HTML 5新增:结构相关标签

26 HTML 5 新增: 语义相关标签

27 HTML 5 新增: 表单相关

28 HTML 5 新增:多媒体相关

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值