第一章 HTML5基础

最新推荐文章于 2025-11-29 17:19:36 发布

原创最新推荐文章于 2025-11-29 17:19:36 发布 · 427 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #前端 #html

第一章 HTML5基础

文章目录

第一章 HTML5基础

w3c万维网联盟

w3c

结构化标准语言(XHTML、XML)

表现标准语言(CSS)

行为标准(DOM、ECMAScript )

1.html网页基本结构

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8"/>
    <title>我的第一个网页</title>
</head>
<body>
我的第一个网页
</body>
</html>
meta charset="utf-8" 设置中文不乱码
titel 标题标签

2.meta标签的使用

//设置中文不乱码
<meta charset="UTF-8" />
//关键字 用于百度收录
<meta name="keywords" content="鸿卓乐学，IT培训" />
//网站描述
<meta name="description" content="鸿卓乐学是国内最大的……" />

3.常用标签

h1..h6 标题标签
<p> 段落标签
<br/> 强制换行
<hr/>水平线标签
<de1> 删除线
<strong>字体加粗
<em>字体倾斜

4.注释与特殊符号

注释

快捷键 ctrl+/

特殊符号

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

5.图片与超链接

<img src="path" alt="text" title="text"  width="x"  height="y" />
//src图像地址alt图片替代文本title鼠标悬停提示文字
<a href="path" target="目标窗口位置">链接文本或图像</a>
//href链接路径target链接在哪个窗口打开 常用值；_self _blank

1.图片：插入图片时要求src和alt属性必选

2.常用的超链接

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

<a href="path" target="目标窗口位置">链接文本或图像</a>
//href要跳转到的路径 target目标窗口位置

锚链接

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

功能性链接：电子邮件 qq MSN

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

6.行内元素和块元素

行内元素

内容撑开宽度，左右都是行内元素的可以排在一行（a,strong,em）

块元素

无论内容多少，该元素独占一行（）


## 6.行内元素和块元素

**行内元素**

内容撑开宽度，	左右都是行内元素的可以排在一行（a,strong,em）

**块元素**

无论内容多少，该元素独占一行（）