第五章HTML的相関概念

it2024-07-15  39

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
最新回复(0)