web前段开发 学习笔记 第一天 骨架和标签

本文介绍了HTML基础结构、标签用法,如标题标签、段落标签和换行符,以及VSCode快捷键。重点讲解了CSS的选择器和基本样式,以及DOCTYPE声明和字符编码设置。

代码编辑工具 :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"/> 属性之间不分先后顺序 ,空格分开
目录文件夹和根目录:打开文件第一层就是根目录

相对路径:

 上一级路径../,下一级路径/

今天的学习就到这里,明天继续

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值