第一天——HTML学习

一.HTML属性

        1.属性作用:给标签提供附加信息

        2.可以写在起始标签<marquee></marquee>单标签<input>中.

         3.有些特殊的属性,没有属性名,只有属性值,例:<input disabled>

         4.注意点:不同标签,属性不同;也有一些通用属性;

                            属性名和属性值不能乱写,按W3C规定。

                            属性名和属性值不区分大小写,推荐小写。

                            双引号也可以写成单引号或者不写。

                            标签中不要出现同名属性,否则后写的会失效。

二.HTML基本结构

 基本结构如下:

<html>

    <head></head>

    <body></body>

</html>

三.其它知识

1.

        其中,通过vscode的live sever打开的网页中,127.0.0.1:5500为服务器地址,vscode在该电脑上建立了一个服务器,并通过服务器打开该网页。 

 2.live sever不能单独打开一个文件,只能打开文件夹。

 3.HTML注释:<!--注释-->  快捷键:"ctrl+/"  (取消注释快捷键:ctrl+/)    不能嵌套!!!

 4.<!DOCTYPE html> 表示H5标准;文档声明,告诉浏览器按照什么标准写网页。

 5.小插曲:复制网页中的文字方法:在网址前加上"read://"

四.字符编码

 平时编码时,统一采用UTF-8编码,为了让浏览器在渲染html文件时,不犯错误,可以通过meta标签配合charset属性指定字符编码格式。

例:<head>    <meta charset="UTF-8">    </head>

五.HTML设置语言

lang属性的编写规则:

第一种写法(语言-国家/地区):

  •  zh-CN:中文-中国大陆(简体中文)
  • zh-TW:中文-中国台湾(繁体中文)
  • zh:中文
  • en-US:英语-美国
  • en-GB:英语-英国

第二种写法(不推荐):

  • zh-Hans:中文-简体
  • zh-Hant:中文-繁体

具体参考:W3School上的说明:《语言代码编写手册》、《国家/地区代码参考手册》

六.HTML标准结构

<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <title>This is a title</title>
    </head>
    <body>
        
    </body>
</html>

标准结构快速生成方式:“!+回车键”。

快速删除整行:ctrl+shift+k

问题:按住ctrl+shift+k,如果弹出搜狗软键盘怎么办?

解决办法:说明快捷键冲突了,此时需切换输入法,可以鼠标点击屏幕右下角选择Windows自带的英文输入法,然后去VScode再使用Ctrl + shift + k 即可正常删除整行内容。

配置网页图标:在文件当前目录下加一个favicon.ico图片即可。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值