html的基础标签

最新推荐文章于 2024-08-16 22:57:43 发布

味道341

最新推荐文章于 2024-08-16 22:57:43 发布

阅读量286

点赞数

分类专栏：个人分享心得体会笔记文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_60424694/article/details/122676340

版权

笔记同时被 3 个专栏收录

31 篇文章 0 订阅

订阅专栏

个人分享

28 篇文章 0 订阅

订阅专栏

心得体会

24 篇文章 0 订阅

订阅专栏

为什么是html呢，因为他的文件后缀都是html的，再简单说说html，css和js的区别，其实就是框架，内容，动态效果即高级一点的操作的关系。

然后是前端你需要了解的一些标签。这些标签都遵循这web定的规则。特别说明一下，就是大多数标签都是成双成对的

先来个入门案例

<!DOCTYPE html>
<html lang="en">//这个主要提醒你要不要翻译
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第二次写希望不会失败</title>
</head>
<body>
    王乃琳，认识王乃琳，hello，hello听得见吗？，你老伸伸手。
</body>
</html>

来一个个解释一下

<!DOCTYPE html> 英语好的读者都知道，这是文件类型的意思，说明是html类型的，

<html lang="en">//这个主要提醒你要不要翻译英语，当然你也可以写fr，在网页就会提醒了要不要翻译成fr

<head>

<title>第二次写希望不会失败</title>//写网页名称

</head>

<body>//网页内容

王乃琳，认识王乃琳，hello，hello听得见吗？，你老伸伸手。

</body>

</html>

head没什么好说主要是，body标签，你的网页名称花里胡哨不到哪里去，但是你的内容就可以狠涩

标题标签

语法如下

<h1> 嘉然小姐</h1>
    <h2>嘉然小姐</h2>
    <h3>嘉然小姐</h3>
    <h4>嘉然小姐</h4>
    <h5>嘉然小姐</h5>
    <h6>嘉然小姐</h6>
    好像做嘉然小姐的。。。

效果如下

段落和换行

语法如下

    <p>
        为了你，我要</br>给你一拳//孤儿，只需要出现一次，强制换行
    </p>//段落标签
    <p>
        要好好吃饭捏！！！！
    </p>

文本格式化标签

加粗	<strong>或<b>	重点
倾斜	<em> or<i>	重点
下划线	<del> or<s>
删除线	<ins> or<u>

以上都是前者较为强烈的效果表达，记忆前面皆可

盒子标签

<span>	可以在同一行，会有间距
<div>	独占一行

这就是区别

图像标签

<src = "图片的路径"/>	放入图片
<src = "" alt = “内容”/>	图片显示不了的文字
<src = "" title = "内容"/>	鼠标放上图片显示的文字
<src = "" width= height=/>	宽和高
<src = "" border = />	边框

注意宽和高设置时，最好设置一个就行，不然会g

超链接标签

主要是从一个链接，调到另一个链接

主要说说锚点链接会抽象，就是一个网页内的连接应用

<a href="#top">内容

<h1>外部链接</h1>
    <a href="https://t.bilibili.com/?spm_id_from=333.788.0.0" target="_self">这是一个奶淇林的动态捏</a>
    <h2>内部网页连接</h2>
    <a href="图像标签.html" target="_blank">果咩纳塞</a>
    <h3>空连接，用在你想摆烂的时候</h3>
    <a href=#>摆烂摆烂，爷的最爱捏，点不到哈哈哈</a>
    <h4>放一些特殊后缀文件，是会自动下载</h4>
    <a href="111.rar" >这是我最后的文件了</a>
    <h5>放文件时会怎么样捏</h5>
    <a href="向晚.jpg" target=" _blank">那样不好不好 </a>

解释一下target 决定的是点击是跳转新的页面后从本页面转。（英文好的冻着看单词就明白意思了）

味道341

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html的基础标签

为什么是html呢，因为他的文件后缀都是html的，再简单说说html，css和js的区别，其实就是框架，内容，动态效果即高级一点的操作的关系。然后是前端你需要了解的一些标签。这些标签都遵循这web定的规则。特别说明一下，就是大多数标签都是成双成对的先来个入门案例<!DOCTYPE html><html lang="en">//这个主要提醒你要不要翻译<head> <meta charset="UTF-8"> <met.
复制链接

扫一扫

专栏目录