首页 📃HTML,📚终身学习

Vscode

打开我们之前讲的Vscode软件新建文件夹,该文件夹可以看作网站的根目录,可以在里面添加html文件

感叹号(!)用法

新建了页面后输入:!
直接回车可以自动生成html基础框架,生成后的内容都是html的基础内容,网站运行的重要代码
html基本框架
html基本框架

标题标签

<!-- 标题标签写法 -->
<h1>我是一级标签</h1>
<h2>我是二级标签</h2>
<h3>我是三级标签</h3>
<h4>我是四级标签</h4>
<h5>我是五级标签</h5>
<h6>我是六级标签</h6>

标题标签表示该内容为标题,让搜索引擎知道这是一个标题

文字效果标签

<!-- 文字效果标签 -->
<strong>我是加粗文字</strong><br>
<em>我是斜体文字</em><br>
<del>我是删除线文字</del><br>
<ins>我是下划线文字</ins>

文字效果标签可以使网站的文字发生不同的效果展示

图片标签

<!-- 图片 -->
<!-- 
    alt 文本 替换文本。图像不能显示的文字
    title 文本 提示文本。鼠标放到图片上,显示的文字
    width 像素 图像宽度
    height 像素 图像高度
    border 像素 图像的边框粗细
    -->
<img src="图片url" alt="我是图片" title="我是图片" />

图片标签通常是img,它必须以src来做为图片展示,src里面可以输入图片的链接,比如图片在根目录,可以直接写该图片的名字,例如:1.png

a标签锚文本

<!-- a标签锚文本 -->
<!-- #作为定义 1为名字 -->
<a href="#1">1号</a>
<h3 id="1">定位1号位置</h3>

锚文本可以直接跳转到想要的位置,a标签一定要跟href属性,里面写点击后的内容

特殊字符

<!-- 特殊字符 -->
空格符 &nbsp; 小于号 &lt; 大于号 &gt; 和号 &amp; 人民币 &yen; 版权 &copy; 注册商标 &reg; 摄氏度 &deg; 正负号 &plusmn; 乘号 &times; 除号 &divide;

这些也是通常会用到的特殊字符,比如版权、商标




文章评论