其他分享
首页 > 其他分享> > web前端骨架与工具

web前端骨架与工具

作者:互联网

web前端的使用工具为:Visual Studio Code

 

骨架:在工具中输入英文状态下的 !即可出现骨架,无需自己手写

 

首先先在Visual Studio Code中创造一个HTML的文件,然后输入英文状态下的 “ !”

 

代码如下:

 


 

<!-- 如何写注释:一般程序默认 ctrl+/ (/此符号不是数字盘上的是在英文盘上的) 也可以 shift+ctrl+p 调出命令指令 再搜索 注释 然后自己更改快捷键 其他快捷键也可以这样修改 -->
<!DOCTYPE html> <!-- <!DOCTYPE html> 表示的是html5标准网页声明 -->
<html lang="en">     <!-- lang 表示你所写的内容是什么语言 en是英语 zh-CN是中文 JS-JP-->
<head>     <!-- head表示头 写标题 -->
    <meta charset="UTF-8">     <!--  charset是<meta>标签的一个属性,用来指定字符类型;utf-8是指使用字符编码类型 -->       <meta http-equiv="X-UA-Compatible" content="IE=edge">     <!--  这句话其实是指定浏览器按某种方式渲染 -->       <meta name="viewport" content="width=device-width, initial-scale=1.0">     <!--     viewport就是设备的屏幕上能用来显示我们的网页的那一块区域。     content属性值 :     width:可视区域的宽度,值可为数字或关键词device-width     height同理width     intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放     maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。     user-scalable:是否可对页面进行缩放,no 禁止缩放     -->         <title>第一个网站</title>     <!-- title 中写的是网页标题 -->
</head> <body>     <!-- body 表示身体 写主要内容 -->
    <!-- h1-h6 为一级到六级标题 都自带加粗 字体逐级变小 独占一行 -->     <h1>第一个网站</h1>     <!-- <h2>第一个网站</h2>     <h3>第一个网站</h3>     <h4>第一个网站</h4>     <h5>第一个网站</h5>     <h6>第一个网站</h6> -->
    <p>段落内容</p>     <p>段落内容</p>     <!-- <p></p> 表示的是段落 也就是语文的内容分段 两个<p></p>之间存在间隙 -->
    <hr>     <!-- <hr> 表示的水平分割线 -->         <b>加粗</b>     <!-- <b></b> 表示的是加粗 -->     <u>下划线</u>     <!-- <u></u> 表示的是下划线 -->     <i>倾斜</i>     <!-- <i></i> 表示的是倾斜 -->     <s>删除线</s>     <!-- <s></s> 表示的是 删除线 -->
    <strong>加粗</strong>     <!-- <strong></strong> 表示的是加粗 -->     <ins>下划线</ins>     <!-- <ins></ins> 表示的是下划线 -->     <em>倾斜</em>     <!-- <em></em> 表示的是倾斜 -->     <del>删除线</del>     <!-- <del></del> 表示的是 删除线 -->
    <!-- 两者在内容呈现效果上没有区别 主要区别是语义上 下者表示更加的重要 可以这么说就是写给看代码的人看的 -->     <!-- 例如:本来原价999 现在卖666 然后999要有删除线 应该使用下者 表示更加的重要 让看代码的人一眼就看见 -->   </body> </html>
<!-- 标识有两种 --> <!-- 第一种 例如:<strong></strong> 意思是加粗 主要运用于需要圈出内容范围的--> <!-- 第二种 例如:<br> 意思是换行 无需圈出内容范围 直接使用 -->  
  橙色是代码,绿色是注释 基本解释已经写在代码的注释上了

标签:表示,web,下划线,--,前端,骨架,网站,加粗,第一个
来源: https://www.cnblogs.com/longlongrain/p/16535138.html