菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 谷江涛-20221010-前端基础标签1 [打印本页]

作者: 暴风雨 时间: 2022-10-10 23:33
标题: 谷江涛-20221010-前端基础标签1
一、今日内容：
html基本与结构标签
基本语法  是由标签来组成是由尖括号包围的关键词一般是成对出现的比如 <html></html> <h1></h1>一般这种标签我们成为双标签标签中第一个标签是开始标签第二个标签是结束标签       单标签有一些特殊的标签的单个标签组成 <br><hr>我们称之为单标签
   基本结构标签
骨架标签html是根标签
头部标签head是头部标签在head中我们必须设置的标题是title标签网页标签
body标签是网页的主体  文档中所有内容都要写在head标签里
html文档的后缀名必须是.html .htm
骨架中新增代码
<DOCTYPE html> 声明文档类型  DTD文档类型定义（Document Type Definition） DTD声明的意义  1.定义文档中应该有什么样的标签  2. 标签之间应该如何排列标签应该有什么样的属性  3.标签应该有什么格式的内容  4.校验文档是否复合DTD 的文档类型 5. 总的来说 <DOCTYPE html>是为了告诉浏览器使用html5的版本来显示网页  注意  DTD是定义和校验html的内容的所以要写在html页面的最前面 DTD不是html标签是另一种为了定义标签语言的
lang 是用来定义文档当前现实的语言  en 是定义语言的英文中文zh-CN    简单来说定义为en就是英文网页 zh-CN 是中文对于文档来说定义en文档也可以显示中文网页 zh-CN也能显示英文
<meta charset="UTF-8"> 字符集是多个字符的集合方便计算机能够识别和存储各类文字  在<head>标签中可以用<meta>标签中charset属性来规定HTML文档应该使用哪种字符来进行编码  charsrt常用的值有 GB2312  BIG5 GBK和UTF-8 UTF-8 被称为万国码  包含包含全部字符
vscode的使用
ctrl+n新建文件  ctrl+s保存文件 alt +z 页面换行显示 alt+ shift+↓ 快速复制上横代码
常用的标签
h1-h6标题标签字体加粗独占一行
p标签段落标签独占一行
文本格式化标签
strong/b加粗标签
ins/u下划线标签
del/s删除标签
em/i倾斜标签
div和span标签用来网页布局
div标签独占一行块级标签
span标签多个一行行内标签
img图片标签
href必须属性图片的路径    alt 图片加载不出来文本替换  title 鼠标悬停时提示文字  width 和height 设置图片宽高 border 设置图片边框
target _blank 在新的窗口打开默认_self 在原网页打开
超链接
a标签
href 跳转的目标 target _blank打开新窗口跳转 _self 默认原网页跳转
外部链接跳转百度网站等
内部链接  网页内部页面之间的相互连接
空链接 #
下载链接
设置文件或压缩包.zip 格式
锚点链接
给元素设置id属性跳转 #加id属性名
文本其他元素跳转
列入图片跳转 img
html注释 ctrl+/
特殊字符 &nbsp；空格
二、今日问题：
无
三、解决方法：
无

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)