HTML基础知识01

<DOCTYPE html>

 

定义文档的类型 html5 的文档

DOC document文档

type 类型

html 超文本标记语言

五大浏览器：

IE firefox chrome（谷歌） opera（欧鹏） safari（苹果浏览器）

<meta charset="utf-8">声明编码，否则会出现乱码

<title>内容</title> 内容是网页标签标题

执行代码结果：

标签分类：

1.双标记标签：<p>...</p>

2.单标记标签：<br> <img>

<p>...</p>段落标签 <br>强制换行标签

<img src="" alt="">图片标签 src 用来引入图片路径 alt 当图片加载失败时显示文本

相对路径：

1.当html文件与图片在同一个目录下，src值是直接图片名称<img src="a.jpg"alt=" ">

2.当html文件与图片所在文件夹在同一个目录下，src的值是先写图片所在文件夹名称，再写图片名称：<img src="img/a.jpg"alt=" ">

3.当html所在文件夹与图片在同一个目录下，src的值是先通过../跳出当前目录，再写图片名称<img src="../a.jpg"alt=" ">

4.当html文件所在夹与图片所在文件夹在同一个目录下，src的值是先通过../跳出当前目录，再写图片所在文件夹名称，最后写图片名称：<img src="../img/a.jpg"alt=" ">

alt                当图片加载失败时替代的文本

../                其含义是跳出文件夹

width        宽度                feight        高度

在设置宽与高时，推荐只设置其一，设置一个其长宽比例不变，同时设置长宽则比例变化，图片变形

<h1>一级标题</h1>

<h2>二级标题</h2>

<h3>三级标题</h3>

执行代码效果如下

 列表

1.无序列表

无序列表标记，表示列表所包含的项是没有先后顺序的列表项使用<ul>

<ul>

        <li>...</li>

</ul>

2.有序列表

有序列表标记，表示列表所含的项是有先后顺序的列表项使用<ol>

<ol>

        <li>...</li>

<ol>