HTML学习总结

HTML介绍

HTML:超文本标记语言,是可以用来创建网页的一种语言,但它不是编程语言,它只是能用来定义内容结构的语言。我们可以在浏览器上看到使用HTML进行编辑的结果

这里使用的是Visual Studio Code软件。

HTML语言

< html> 元素是 HTML 页面的根元素。它的使用是嵌套在框架最外面。

<html>



</html>

< head> 元素,它可以将你想在页面上显示的东西放进去,相当于c语言中的main函数一样。如:

<html>
<head>

</head>
</html>

:==meta charset=“utf-8”==这个元素是用来设置文档所使用的字符集编码,这里的是utf-8。
link rel=指定页面的图标,出现在浏览器标签上。
如下图这个图标在这里插入图片描述

title 设置页面标题。
在这里插入图片描述

body 这个元素里面就是页面的主要内容。
在这里面就可以放入页面里需要显示的内容,比如图片,视频这些。
在这里插入图片描述

结果展示在这里插入图片描述
文本格式在这里插入图片描述

结果

在这里插入图片描述

超链接

href=后面放的是链接网址, target=就是设置这个链接在页面上的显示,
在这里插入图片描述

锚点

这个就相当于我们看小说的时候,需要跳转到指定的一章的时候设置的书签。
通过下图可以看到锚点的语法设置,这里的id就是给我们需要跳转的地方一个标记,C4就是这个标记的独称,然后下面一句再对C4命名。
在这里插入图片描述
结果展示
在这里插入图片描述

插入图片

src=后面放入图片的名称和后缀。
在这里插入图片描述
我们也可以用图片做一个超链接,只需要这样做
只需要将超链接的显示换成插入图片的语句就可以
在这里插入图片描述

表格

table标签,tr是代表行,td是设置行中的元素,几个td就代表这一行里有几列,th是设置表头,会加粗字体。
在这里插入图片描述
结果:
在这里插入图片描述

列表

这是无序列表,type后面的是对于后面列表内容前面标志的设计,如果没加,则默认是圆点,这里的是方块。
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
有序列表,默认是数字,这里是小写字母作为顺序标准。
在这里插入图片描述

表单 Form

当我们需要获取网站用户的意见或者信息的时候,我们可以使用表单来获取。

在这里插入图片描述

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值