前段学习历程1

最新推荐文章于 2022-06-23 01:16:54 发布

Xiao丹恩Yang

最新推荐文章于 2022-06-23 01:16:54 发布

阅读量280

点赞数 1

文章标签： visual studio code

本文链接：https://blog.csdn.net/m0_57904135/article/details/124390082

版权

html

<!DOCTYPE html>
<html lang="en">/*表示网页语言是英文/
<head>
    <meta charset="UTF-8">/*表示使用的编码本/
    <meta name="viewport" content="Width=device-width,initial-scale=1.0">
        <title>文档声明与字符编码</title>
</head>
<body>
<center>
文本
</center>
</body>
</html>

Web语义化：让机器可以读懂内容。

语义网：是让机器可以理解数据。语义网技术它包括一套描述语言和推理逻辑。他通过一些格式对本体（Ontology）述。语义网并不是网页之间的链接。

文本标题：

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
注：文本标题自带加粗，有自己的文本大小，并且独占一行，有默认间距

段落标签：

<p>段落文本内容</p>
b标识一个段落（段落与段落之间有段间距）

换行（br）

<br/>
换行是一个空标记（强制换行）

水平线

<hr/>
空标记

加粗有两个标记（strong常用）

<b>加粗内容</b>只是显示加粗
<strong>强调内容</strong>突出的文本

倾斜有两个标记（em常用）

<em>强调文本</em>
<i>倾斜文本</i>

删除线有两个标记（del常用）

<s>文本</s>删除线
<del>文本</del>删除线

扩展

<u>文本</u>下划线
<sub>文本</sub>下标
<sup>文本</sup>上标

hr标签

<hr color="green/red/black/颜色">
<hr width="600">
<hr align="right/left">默认是居中
<hr noshade>没有阴影

特殊符号

尖角号   &lt;左尖角号
        &gt;右尖角号
空格    &nbsp;该空格占据宽度受字体影响明显而强烈
        &emsp;占据的宽度正好是1个中文宽度，且基本上不受字体影响
版权    &cope;
商标    &trade;
        &reg;

div标签

<div>文本</div>
div标签，没有具体意义，用来划分页面的区域，独占一行

span标签

<span>文本</span>
span，没有实际意义，主要应用在对于文本独立修饰的时候，内容有多宽就占用多宽的空间距离。

列表（无序、有序、自定义）

无序列表
<ul type="circle">
   <li>无序列表</li> //*2快捷方式
   <li>无序列表</li>
</ul>
注：ul里面只能放li，li里面可以放其他标签
    默认的是黑色的实心圆
    type，disc circle square

有序列表
<ol type="A" start="4">  //type:1,a,A,i,I//start:取值只能是数字
   <li>有序列表</li>
   <li>有序列表</li>
</ol>
注：li里面可以随意放标签，但ol里面只能放置li
    数字是自动生成的

自定义列表
<dl>
 <dt>可以是文字也可以是图</dt>
 <dd>相关文字</dd>
</dl>
快捷键：dl>dt+dd

注释

<!--文本注释-->

图片标签的路径

//同级目录
<img src="./图片名+扩展名">
<img src="图片名">
<img src="绝对/相对路径">
//不同级目录
<img src="../图片名+扩展名"
<img src="../文件夹名/图片名+扩展名"

图片标签的属性

<img src="图片路径" title="鼠标悬停上去后的提示信息" alt="图片不显示之后（加载失败）的提示信息" width="200px" height="200px"/>

超链接标签

<a href="路径" title="鼠标悬停上去之后的提示信息" target="规定何处打开文档">内容</a>
注：Target属性：规定在何处打开文档
    target="_blank"表示新窗口打开超链接
    target="_self"默认值

Xiao丹恩Yang

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前段学习历程1

HTML
复制链接

扫一扫

前段学习历程1

html

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