李乐逸前端的学习内容 HTML篇

本文介绍HTML的基本概念和常用标签,包括标题、段落、列表及链接等,并解释如何使用<div>进行页面布局。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

                                               个人理解,仅供参考...

目前我已知的几乎所有内容都被放在标签里

<标签>  内容  </标签>

差不多就组成了一个部分,他们之间一 一对应,标签种类很多,一会儿再说 .

在开始标签中,也可以加入元素的属性<标签 class="属性">作为一个标识放入,有点像定义变量要加int或者float一样

在标签中也可以套标签(嵌套),如同for循环两个大括号对应一样,只要排列合理就可以无尽的套下去(不过好像没必要),就是内容两边的标签要对称的意思吧...

有的标签不含元素  eg  <img scr="图片地址" alt="阿巴阿巴">  用于加入图片,没有结束标签,scr是包含图像文件路径的地址属性  也可以用alt,来描述图像或者方便用户朗读

一般在开始编写的时候会有一个<!DOCTYPE html>有点像头文件的作用,同时能在一定范围内帮助写代码,

之后一般跟着<html>标签,表示整个页面(根元素),

再之后一般会有一个用来写声明的<head>标签(对用户不可见),

里面有<meta charset="utf-8">标签,用来指定编码,目前接触到的它都够用

标签下面要写<title>标签,用来设置页面标题

标题结束后,可以开始导入库和文件了

以下虽然现在我还不太会...

<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>使用这个去定义客户端的脚本文件,其实感觉好像也可以不定义

<link rel="stylesheet" type="text/css" href="css文件"/>  在这个标签中导入css的文件,解释一下就是:link:文档与外部资源的联系   rel:规定当前文档与被链接文档的关系    type:规定外部文件类型      href:外部资源位置

<script src="js文件" type="text/javascript" charset="utf-8"></script>这个标签中导入JavaScript的文件,同上解释一下:type 属性规定脚本的 MIME 类型。  charset 属性规定在外部脚本文件中使用的字符编码。

<head>标签结束以后才会有<body>标签,用来展示希望用户看到的

在<head>中要开始考虑页面布置了

<div class="类名" id="...其实就是ID(不知道怎么解释)">这个标签是:将内容分组,建一个标签来放东西   而class规定类名;id是规定元素唯一的id

由于类可以不同,所以在这里的大多数模块都是由<div>完成的

噢对,图片除外哈

然后,我觉得就随心所欲了

用很多标签或者函数来营造你喜欢的界面就好

标签的话,先写一点常用的吧

<h1>~<h6>html一共有六级标签,正常应该用不上吧..就看着用就好

噢,第一等级标题不要加大加粗之类的(会结构不清晰(虽然没明白为什么...))

<p>是段落

<ul>是顺序无所谓的列表

<ol>是顺序很重要的列表

列表中的每一个元素要用<li>把它包起来(说不定就不会冷了^_^)

还有<a>可以用来加链接,记得要在标签里加属性,后面的正文就会像超链接一样啦!

先这样吧...其实我感觉已经写多了,下次ddl写什么呀/头秃

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值