Html5基础_h5基础csdn-CSDN博客

本文链接：https://blog.csdn.net/qq_38332203/article/details/86510199

Html5基础知识

html5为Hyper Text Markup Language的缩写超文本标记语言

下面是网页html的结构

<!DOCTYPE html>      <!--这是一个约束-->
<html>
<head>
<title>这是网页的标题</title>
</head>
<body>
我的第一个网页
</body>
</html>

可以使用的编辑器dreamweaver(dw)有点过时 sublime hbuilder

标签
meta标签

<meta http-equiv="content-type" content="text/html;charset=UTF-8"/><!--指定编码-->
<meta name="keywords" content="网易,邮箱"/>
<!--百度会根据关键字进行排名，我们在这边设置关键字，有可能将我们的网站排名靠前-->
<meta name="description" content="这是一个什么样的网站"/><!--描述，主要是让搜索引擎根据我们的描述排名-->

h1~h6标签
功能：主要用来调节字体大小

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

p标签
功能：是段落标签

<p></p>

br标签
功能：换行标签

<br/>

hr标签
功能：水平分割线

<hr/>

strong标签
功能：可以将文字嵌套在标签中实现加粗效果

<strong>文字</strong>

em标签
功能：可以将文字嵌套在标签中实现斜体效果

<em>文字</em>

img标签
功能：图像标签可以引用图片

<img src="1.jpg" alt="图像替代文字" title=”鼠标悬停文字“ width="图像宽度" height="图像高度"/>

a标签
功能：链接标签可以跳转到指定路径

<a href="http://www.baidu.com">百度</a><!--跳转外站-->
<a href="http://www.baidu.com" target="_blank">百度</a><!--_blank新建窗口并链接到外站-->
<a href="http://www.baidu.com" target="_self">百度</a><!--_self当前窗口打开-->

锚链接：下面的组合可以直接链接本页中某个位置

<a href="#my"></a>
<a name="my"></a>

ul标签
功能：无序列表

<ul>
	<li></li>
	<li></li>
</ul>

ol标签
功能：有序列表

<ol>
	<li></li>
	<li></li>
</ol>

dl标签
功能：自定义标签
场景：多级树形菜单

<dl>
	<dt></dt><!--不会缩进-->
	<dd></dd><!--可以缩进-->
</dl>

table表格
tr表示行 td表示列

<table>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>

常见的图片格式
jpg 普通的图片
gif 动图,多个图片切换
png 背景可透明图片
bmp 没有对图片进行压缩,图片大小很大