我的HTML/CSS入门

我的HTML/CSS入门

Html：超文本标记语言（切记不是编程语言 不是编程语言 不是编程语言）
我使用的软件： Visual Studio Code (VScode)
部分常用快捷键：
刷新浏览器 ctrl+F5
关闭当前页面 alt+F4
快捷复制 alt+shift+下箭头
部分选择 shift
注释代码 ctrl+/
快速生成对应标签 标签名+Tab
<---------------------------------------------------------------------->
Html标签的书写规范
所有标签必须小写
双标签 必须 闭合成对出现
标签的属性名必须小写
属性值用双引号引用起来
title适用于所有标签

src表示引用的路径 我们常用相对路径进行代码编写

<img src="./"> 这个是同级目录
<img src="../"> 这个是上级目录

提示分类：

1. alt 填写文字提示（路径出错或失效时提示）
2. title 鼠标悬浮时显示的文字提示

a标签的“target”属性

• target:_self 在当前窗口打开新的页面（默认）
• target:_blank 在新的窗口打开新的页面

<a name="top">我是顶部</a>
.
.
.
<a href="#top">我是底部</a>
此代码的作用是点击“我是底部”链接，可以跳转到“我是顶部”位子所在位置
想要跳转到其他页面的位置：在对应页面链接后+ #"name"

几个特殊字符：

注意：后面的“;”不能丢
  空格
> 大于号
< 小于号
© 版权符号
♥ 爱心（爱你永不变心）

---

标签类型的分类

• 块级标签:
  独占一行，可以设置宽高 display:block(div,p,h1-h6,ul,ol,dl,li,header,footer,section,aricle,aside)
  p标签和h标签默认有外边距

• 行内标签：
  不独占一行，不可以设置宽高 display:inline
  （span，a,strong,em）

• 行内块标签：
  不独占一行，可以设置宽高 display:inline-block
  （img,input,textarea）

a标签里可以包裹任何标签但是不能包裹a标签
p标签不可以包裹任何块级元素