第一章 HTML基础-CSDN博客

本文链接：https://blog.csdn.net/weixin_62008675/article/details/140944552

1.网页基本结构

<!DOCTYPE html> <!-- html:告诉浏览器用什么规范 -->
<html lang="en">
<head>  <!--<head>（开放标签） </head>（闭合标签）：网页头部 -->
    <meta charset="UTF-8">  <!-- UTF-8（包含全世界所有国家需要用到的字符）/gb2312（包含全部中文字符）页面编码应与页面文件保存时的编码一致 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title> <!-- <title> </title>：窗口主题内容-->
</head>
<body>  <!--<body> </body>：主题部分 -->
    
</body>
</html>

2.标题标签

<h1>一级标题</h1>
...字体逐渐变小
<h6>一级标题</h6>

3.段落标签

<p>...</P>

4.换行标签

<br/>

5.水平线标签

<hr/>

6.字体样式标签

<strong>加粗</strong>
<em>斜体</em>
<del>删除线</del>

7.注释和特殊符号

空格： 

大于号：>

小于号：&It;

引号："

版权符号：©

8.图像标签

常见的图像格式：BMP、JPG、GIF、PNG、BMP

<img src="" alt="text" title="text" width="" height=""/>
src:图像地址    alt:图像的替代文字     title:鼠标悬停提示文字      
width：图像宽度      heigh：图像高度

9.链接标签

<a href="path" target="目标窗口位置">链接文本或图像</a>
href:链接路径   target：链接在哪个从窗口打开（常用值：_self:当前窗口、_blank:新的窗口）

页面间链接

从一个页面链接到另外一个页面

锚链接（甲跳转到乙）

创建步骤：创建跳转标记：
<a name="marker">乙位置</a>
创建跳转链接：
<a href="#marker">甲位置</a>

功能性链接

电子邮件、QQ、MSN

<a href="mailto:bdqnWebmaster@bdqn.cn">联系我们</a>

10.行内元素和块元素

行内元素：内容撑开宽度，左右都是行内元素的可以排在一行(a、strong、em…)

块元素：无论内容多少，该元素独占一行（p、h1-h6…）