HTML的相关概念和建站流程
HTML的概念:超文本标记语言HTML的基本组成
结构 html/xhtml w3c(万维网联盟)制定规范样式 css w3c(万维网联盟)制定规范行为 js ECMA(欧洲电脑网商联合会) xhtml: 可扩展的标记性语言xhtml和html的区别??
xhtml的单标签后面需要加 /XHTML的标签必须是小写XHTML属性值必须使用双引号
HTML的基本结构
新建带有.html后缀的文件英文状态下 按! 按tab 生成基本结构
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的第一个网页啊
</title>
</head>
<body>
文字/图片/视频
</body>
</html>
HTML的基本语法
标记/标签/元素:放在尖括号中的第一个单词双标签/双标记:成对出现的标签单标签/空标记:单独出现的属性:跟在标签后面,用空格隔开
属性和属性值直接用等号连接属性值必须用引号引起来属性可以是多个,多个之间用空格隔开
HTML的基本标签
文章类的标签
标题标签 h1-h6
双标签/加粗且字体较大/h1-h6字体大小逐渐变小/独占一行 段落标签 p
双标签/独占一行随机生成一段文本:lorem回车,要控制多少个字的话,lorem字的个数,如:lorem100控制换行:文件->首选项->搜索框输入“wrap” 将控制折行的方法切换成 on 加粗 b strong
双标签/加粗样式/可以在同一行显示 倾斜 i em
双标签/倾斜样式/可以在同一行显示 删除线 del
双标签/可以在同一行显示 下划线 u
双标签/文字下面有下划线/可以在同一行显示 上标 sup 双标签下标 sub 双标签 换行 br 单标签水平线 hr 单标签特殊字符
空格 注册商标 ®版权符号 ©左尖括号 <右尖括号 > 超链接 a
双标签/自带颜色/自带的下划线/在同一行显示
<a href="https://www.baidu.com" target="">百度一下,你就知道
</a>
href: 点击所要跳转的页面的路径窗口的打开方式 target
_self 自身窗口打开,默认值_blank 新开窗口去打开 图片 img
<img src="" alt="未加载的时候显示" title="鼠标划过显示的文件">
src: 图片路径
绝对路径:直接复制线上的图片地址,粘贴到对应的src的属性值里面相对路径
当当前文件和目标文件在同一个目录下面的时候,直接图片名.后缀当当前的文件和目标文件的文件夹在同一个目录下面,文件夹名/图片名.后缀,套几个文件夹就进几次当当前文件的文件夹和目标文件的文件夹在同一个目录下面,…/文件夹名/图片名.后缀 alt 图片未加载的时候显示title 鼠标划过显示的文字,可以应用到所有的标签
vscode快捷键
注释 ctrl+/ 取消注释 ctrl+/保存 ctrl+s撤销 ctrl+z 反撤销 ctrl+y全选 ctrl+a