代码编辑工具 :vscode
注释:给自己,下次看到时候想起的功能和含义,使用注释 是方便下次的代码阅读者(自己或者其他程序员看) 快捷键 Ctrl+/ 颜色字体会变成绿色 浏览器会不执行注释
HTML 标签是由尖括号包围的关键词 <head></head>大多数成对存在 除<br/>是单标签外
标签关系:包含 ,并列
html 的基本结构标签:html标签根部标签 head标签 title标题 body标签文档的主体(内容存在位置)
<html>
<head>
<title> 第一个网页</title>
<body> 键盘敲烂 ,工资过万</body>
</head>
</html>

开发工具:Dw,webstorm,vs
vs 开发ctrl+放大 ctrl-缩小

安装快件插件

关于<!DOCTYPE html>说明:
<html lang>说明:

<meta charset="UTF-8"/>
html常用标签:标题标签,h1-n h6,段落标签,换行标签
<h1>一级标签</h1>作为标题使用,依据重要性依次递减,文字加粗的一行显示
<p>我是一个段落标签</p>特点会根据浏览器大小自动换行 段落和段落之间有较大的缝隙
<br/>换行标签 不会有较大的缝隙
在网页中多个空格,显示一个
文笨格式化标签:
设置粗体,斜体,下划线等效果,这时候需要用到HTML的文本格式化标签,突出重要性,比普通文字更为重要。
加粗标签<strong></strong>,<b></b>也能加粗 具体看下图

<div>和<span>标签,是没有语义的,用来装内容的
<div>表示分割,分区一个大盒子,span 为跨度,也可理解为一栏
div 单独占有一行,一行可以有多个span
图像标签和路径
<img src="图像url"/>

图像属性:

代码语言:<img src ="url" alt="",title="" width="500" height="100" border="15"/> 属性之间不分先后顺序 ,空格分开
目录文件夹和根目录:打开文件第一层就是根目录
相对路径:![]()
上一级路径../,下一级路径/
今天的学习就到这里,明天继续
本文介绍了HTML基础结构、标签用法,如标题标签、段落标签和换行符,以及VSCode快捷键。重点讲解了CSS的选择器和基本样式,以及DOCTYPE声明和字符编码设置。
984

被折叠的 条评论
为什么被折叠?



