【全栈之前端练习】html知识点

最新推荐文章于 2024-11-03 20:03:09 发布

KryHan

最新推荐文章于 2024-11-03 20:03:09 发布

阅读量130

点赞数 1

分类专栏：实训内容前后端学习文章标签： html 前端 css

本文链接：https://blog.csdn.net/qiyihan/article/details/126593096

版权

实训内容同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

前后端学习

10 篇文章 0 订阅

订阅专栏

初识html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

!DOCTYPE html 表示Html5标准网页声明，用于告知浏览器文档使用哪种 HTML 或 XHTML 规范。
html lang=“en” 表示拟采用的语言时英语，其中，language的缩写，en表示英文，中文则采用zh
head表示头部，是一个闭合标签，也就是说有head一定会有/head。其中包含meta charset=“UTF-8”，UTF-8防止乱码；title意为标题，显示在浏览器上方标题。如图
在这里插入图片描述

body是整个页面的正文部分，闭合标签，我们大多在这里加入页面内容。

知识点

标题标签

标题标签大概是有六层，段落正文用p表示，行内用span标签表示

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>
<p>段落正文<span>行内</span></p>

在这里插入图片描述

div

div标签的作用是，设定字、画、表格等的摆放位置。DIV元素，是用来为HTML文档内大块的内容提供结构和背景的元素。

<div>这是一个div</div>

在这里插入图片描述

常用标签

<strong>加粗</strong>
<em>斜体</em>
<br/>          换行标签
<hr/>          水平线标签
&copy         版权符号
<img src="img/图.jpg">
<a href="01.html" target="_self">self为本身页面 blank为空白新页 parent为上页一页top整个浏览器窗口</a>
<pre>预设格式文本
    不改变
         里面的
    样式</pre>
<i>斜体</i>
<u>下划线</u>
<sup>上标</sup>
<sub>下标</sub>
<del>删除线</del>
<b>粗体</b>
<address>地址标签</address>
<q>引用标签</q>

在这里插入图片描述

列表

无序列表

<ul>
    无序列表
    <li>1</li>
    <li>2</li>
</ul>

在这里插入图片描述

有序列表

<ol>
    有序列表
    <li>1</li>
    <li>2</li>
</ol>

在这里插入图片描述

KryHan

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录