day1-HTML5基础与标签-2022-11-14

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   
</head>
<body>
    
</body>
<h1>Day1</h1>
<h1>HTML5基础与标签</h1>
<h2>开发需要知道的快捷键</h2>
<p>1、ctrl+v、c、z、x、s</p>
<p>2、shift+! +回车  :快速建立html5骨架</p>
<p>3、ctrl+shift +d  :复制当前行</p>
<p>4、ctrl+shift +向上箭头 : 上移当前行</p>
<p>5、ctrl+shift +向下箭头 : 下移当前行</p>
<p>6、ctrl + 鼠标滚轮 : 缩放字号 &nbsp;&nbsp;&nbsp;需要在VScode→文件→首选项→设置→搜索滚轮→打钩</p>
<p>7、按住鼠标滚轮,然后下拉,即可进行多行编</p>
<p>实践:</p>
<p>1234</p>
<p>1234</p>
<p>1234</p>
<p>1234</p>
<p>1234</p>
<p>8、ctrl+/ : html的注释<!-- --></p>
<p>9、ctrl+n : 新建文件</p>

<hr>

<h2>开发必备的IDE</h2>

<h3>Visual Studio Code</h3>
<p>1、公司:微软 免费 功能强大 开始前端学习我用VScode</p>
<p>2、下载网址:code.visualstudio.com</p>
<p>3、目前我在VS code安装了:Chinese(simplified)(简体中文)、Import Cost 、LIve Preview、
    Sublime Text Keymap and Settings Importer </p>
<p>4、VS Code可以集成Sublime的快捷键</p>
<p>5、设置界面颜色:在文件→首选项→颜色主题中,将主题改为Light+(
    default light)</p>

<h3>Sublime</h3>
<p>公司:个人开发 免费 功能适中 </p>

<h3>Atom</h3>
<p>公司:github  免费 功能适中 </p>

<h3>WebStorm</h3>
<p>公司:jetbrains 收费 功能非常强大 </p>

<h3>HBuilder</h3>
<p>公司:DCloud 免费 功能非常强大 </p>

<hr>

<h2>凌乱的知识点</h2>
<h3>文字和文字之间的多个空格、换行会被折叠成一个空格</h3>
<p>实践:这是一段xxx   xxx文字</p>

<h3>转义字符</h3>
<p>小于号:&lt;</p>
<p>大于号:&gt;</p>
<p>空格:&nbsp;</p>
<p>版权符号:&copy;</p>
<p>实践:</p>
<p>今 天&lt;&gt;&nbsp;&nbsp;&nbsp;&nbsp;累积学习前端知识的&copy;第一天</p>
<p>我发现中国教育考试网页也是用nbsp来隔开“关于我们”“ENGLISH”的</p>

<h3>title的学习</h3>
<p>title标签用来设置网页的标题,文字会显示在浏览器的标签栏上</p>
<p>title也是搜索引擎收录网站时显示的标题,为了吸引用户点击,合理设置title是必要的</p>
<h3>meta的学习</h3>
<p>使用meta标签设置网页关键词和描述,name属性非常关键, 用来设置meta的具体功能</p>

<hr>

<h2>有序、无序列表的学习</h2>
<h3>有序列表</h3>
<ul>
    <li>
        <h3>广西省</h3>
        <ul>
            <li>贵港</li>
            <li>柳州</li>
            <li>南宁</li>
            <li>百色</li>
        </ul>
    </li>
    <li>
        <h3>广东省</h3>
        <ul>
            <li>广州</li>
            <li>珠海</li>
            <li>中山</li>
            <li>潮汕</li>
        </ul>
    </li>
</ul>

<h3>无序列表</h3>
<ol>
    <li>
        <h3>水果</h3>
        <ol>
            <li>苹果</li>
            <li>香蕉</li>
            <li>西瓜</li>
            <li>哈密瓜</li>
        </ol>
    </li>
    <li>
        <h3>运动</h3>
        <ol>
            <li>羽毛球</li>
            <li>篮球</li>
            <li>兵乒球</li>
            <li>足球</li>
        </ol>
    </li>
</ol>
<p>学会用div标签组织页面</p>

</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值