HTML的使用学习第二期

今天是我学习的第二天的学习之旅,学习了vscote的使用,让我来讲述一下我的学习成果。

一、如何使用将文件放入VScote的方法

    (1)将文件直接拖到vscote图标上,然后松手即可。

      (2)打开vscote,然后把文件夹拖到vscote左侧资源管理器里面。

二、在vscote里面运行html网页

     (1)在html中,鼠标右键  点开找open in  default(意思为在默认浏览器中打开)

三、在vscote里快捷键的使用

       ( ctrl+c) 是复制 ,(ctrl+v)是粘贴   (ctrl+x)是剪切的快捷方式以及查找和替换是:

(ctrl+f)是查找,(ctrl+h)是替换,编辑为(ctrl+d)可以一直按着ctrl+d可以找下列一样的内

容,(ctrl+s)则是保存文件以免丢失。

四、代码的组成

      代码是有很多标签组成的,标签还分为单标签、双标签,像我前期学习的<br>换行、<hr>主题的分割转换为单独一个出现的是单标签,而<b></b>、<head></head>这样出现开头和结尾的标签为双标签。

五、HTML的构成

1、如图片所示html套着head和boby的现象为父子关系

                  

2、如图所示两个相同的<字母>视为两个兄弟一样的为兄弟关系

                        

六、注释

注释是对代码的解释说明,CTRL+/为注释的快捷键。

七、代码 H系列的标签

如图片所示从最大的我们分为h1最小的字体为h6的标签

文字的有加大加粗,H1向H6逐渐减小,字体可以独占一行。

八、HTML的标签学习

1、标题标签    h1到h6   作用字体加大加粗,上下有边距可以独占一行

2、段落标签   <p></p>  是可以用于段落一样的标签,上下有间距可以独占一行

3、换行标签   代码为<br>  单标签,可以让文字强制换行

4、水平线标签  <hr>  主题的分割转换,在页面里显示一条水平线

九、img的标签理解

img是图片标签,是单标签的一种,我们HTML文档中加载图片可以用到它

img是代码 打出来会带两个小跟随“src”  和  “alt"

img打出来全部是 img src=”   “   alt=”   "

src是加载指定图片的路径,alt是代替文本、图片加载失败会执行alt的内容。

以上就是学习第二天所知的结论,如果有错误的地方望大家谅解,我会继续好好

总结自己的不足。

  • 8
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值