当前位置：首页 > news >正文

HTML网站基础

news 2025/9/15 14:17:54

一、前端开发基础

前端一共三门语言——HTML、CSS、JS（Java Script）

HTML用于静态网页框架，CSS用于修饰，JS构成动态网页

1、HTML

对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">

### HTML中不支持空格、回车、制表符，它们都会被解析成一个空白字符 ###

UTF-8是Unicode编码格式，只有在MySQL中可以使用“utf-8”的别名“utf8”，但是在其他地方一律使用大写“UTF-8”

1、编码示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body><h1>我的第一个标题</h1><p>我的第一个段落。</p></body>
</html>

一个标签可以有多个属性，属性之间使用空格隔开，而且属性的执行不分先后
插入图片必须要在建立的工程文件夹里面（）使用中文逗号，后面的内容就不会执行
 、<img>都是单标签，没有对应的闭标签，要想空一行可以使用两个br标签

2、路径问题

工程文件夹下面的是根目录

①相对路径如下

要用的东西在下一级直接写路径
在上一级的话，使用 ../
如果是同一级则不作处理（或者写一个 . 表示当前路径即可）

②绝对路径——从盘符开始描述所在的位置

3、各种标签

框架标签

<html></html>、<head><title>标签是在头部里面</title></head>、<body></body>

<meta>：为浏览器的解析提供说明

图片标签

<img src="vexp1_1.png"alt="无法显示" title="好看的图" width="800" height="500" border="1">

超链接标签

<a>：target的 _blank属性 可以控制重新开页面显示（图片跳转 & 直接跳转 & 下载跳转）

<!--直接--><a href="http://www.baidu.com" target="_blank">baidu.com</a>
<!--图片--><a href="http:baidu.com" target="_blank"><img src="123.png"></a>
<!--下载--><a href="abc.exe">index.exe</a>
<!--锚点--><a href="#abcdef"> 目录一</a>，前提是打点：设目标资源的ID为abcdef