初次前端接触

初学Web前端

HTML
HTML指的是超文本标记语言（Hyper Text Markup Language),他是用来描述网页的一种语言。
是一种标记语言。
Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。
Web标准的构成：主要包括**结构（Structure）、表现（Presentation）和行为（Behavior）**三个方面。最佳体验方案：结构、样式、行为相分离。

HTML标签

尖括号包围的关键词
通常是成对出现的，双标签，单标签。

标签关系：包含关系和并列关系
基本结构标签（骨架标签）
< html></ html>页面中最大的标签，根标签
< head></ head>注意在head标签中我们必须要是设置的标签是title
< title></ title>让页面拥有一个属于自己的网页标题
< body></ body>元素包含文档的所有内容，页面内容基本都是放到body里面的

开发工具VScode

< !DOCTYPE>文档声明标签，作用石高速浏览器使用哪种HTML版本来显示网页。< !DOCTYPE html>

lang语言种类：en定义英语，zh-CN定义中文。

字符集（character set）是多个字符的合集。可以通过标签的charset属性来规定HTML文档应该使用哪种字符编码，< meta charset=“UTF-8”/>.常用的有：GB2312（简体中文）、BIG5（繁体中文）、GBK（简体和繁体）和UTF-8（万国码）

标题标签< h1>-< h6>
< h1>我是一级标题< /h1>

段落标签：< p>< /p>
换行标签：< br />

加粗:< stronge>< /stronge>或者< b>< /b>
倾斜:< em>< /em>或者< i>< /i>
删除线:< del>< /del>或者< s>< /s>
下划线:< ins>< /ins>或者< u>< /u>
都推荐前者

< div>和< span>是一个盒子，没有语义，用来装内容

图像标签和路径

一、
< img src=“图像URL”/>
src是< img>标签的必须属性，它用于指定图像文件的路径和文件名
src/图片路径/必须属性
alt/文本/替换文本。图像不能显示的文字
title/文本/提示文本。鼠标放到图像上显示的文字
width/像素/设置图像的宽度
height/像素/设置图像的高度
border/像素/设置图像的边框粗细
①图像标签可以拥有多个属性，必须卸载标签名的后面。
②属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
③属性采取键值对的格式，即key=“value”的格式，属性=“属性值”。
二、路径
目录文件夹，根目录
绝对路径
相对路径：图片相对于HTML页面的位置；同一级路径没有符号，下一级路径/，上一级路径 …/。

超链接标签

1、< a> 标签用于定义超链接，作用是一个页面连接到另一个页面。
语法格式：< a href=“跳转目标” target=“目标窗口的弹出方式”>文本或图像< /a>
2、分类：外部链接，内部链接，空链接，下载链接，网页元素链接，锚点链接
target="_blank"打开新的页面 “_self”当前窗口打开页面
href="#“空链接
锚点：在链接文本的href属性中，设置属性值为**#名字**的形式，如< a href=”#two">< /a>；找到目标位置标签，里面添加一个id属性 = 刚才的名字，如：< h3 id = “two”>< /h3>

注释标签

< !-- --> :ctrl+/

特殊字符

空格：& nbsp;
小于：& lt;
大于：& gt;