一.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图片即可。