HTML_认识html基本框架_标签
Vscode
打开我们之前讲的Vscode软件新建文件夹,该文件夹可以看作网站的根目录,可以在里面添加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属性,里面写点击后的内容
特殊字符
<!-- 特殊字符 -->
空格符 小于号 < 大于号 > 和号 & 人民币 ¥ 版权 © 注册商标 ® 摄氏度 ° 正负号 ± 乘号 × 除号 ÷
这些也是通常会用到的特殊字符,比如版权、商标
本文作者:追萌小黑
本文标题:HTML_认识html基本框架_标签
本文链接:https://blog.dxtao.cn/archives/295.html
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途及非法用途,否则后果自负!
3. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
4. 如有链接无法下载、失效或广告,请联系管理员处理!
5. 如遇到加密压缩包,默认解压密码为"blog.dxtao.cn",如遇到无法解压的请联系管理员!
追萌小黑是一个优秀的分享资源站,本站部分资源为互联网收集及各位网友分享而来,特殊原创会标明如有侵犯版权等可联系17334723@qq.com 删除
本文标题:HTML_认识html基本框架_标签
本文链接:https://blog.dxtao.cn/archives/295.html
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途及非法用途,否则后果自负!
3. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
4. 如有链接无法下载、失效或广告,请联系管理员处理!
5. 如遇到加密压缩包,默认解压密码为"blog.dxtao.cn",如遇到无法解压的请联系管理员!
追萌小黑是一个优秀的分享资源站,本站部分资源为互联网收集及各位网友分享而来,特殊原创会标明如有侵犯版权等可联系17334723@qq.com 删除
THE END
二维码