第一章

最新推荐文章于 2024-08-05 22:35:13 发布

Gudamu

最新推荐文章于 2024-08-05 22:35:13 发布

阅读量81

点赞数

分类专栏：学习笔记文章标签： html css

本文链接：https://blog.csdn.net/Gudamu/article/details/112749079

版权

学习笔记专栏收录该内容

15 篇文章 0 订阅

订阅专栏

第一章

HTML网页布局

1.基本结构

<!DOCTYPE html>                       //规范声明
<html>
<head lang="en">
  <meta charset="utf-8"/>             //utf-8防乱码
  <title>网页标题内容</title>
</head>
<body>
  体内容
</body>
</html>

2.基本标签

1.标题标签（成对使用，字符大小递减）
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>

2.段落标签（成对使用）
<p>...</p>

3.换行标签（单独使用）
<br/>

4.水平线标签（单独使用）
<hr/>

5.字体样式标签（成对使用）
加粗：<strong>...</strong>
斜体：<em>...</em>

6.注释和特殊符号（单独使用，最后的分号也是标签的一部分）
空格：&nbsp;
大于号：&gt;
小于号：&lt;
引号：&quot;
版权符号：&copy;

3.图像标签（img）

用于在网页中插入图片
<img src="图像地址" 
alt="图像的替代文字（图片未显示时代替显示的文字）" 
title="鼠标悬停提示文字" 
width="图像宽度" 
height="图像高度"/>

例：
<img src="image/CBS.jpg" hspace="350" width="500" height="600" alt="CBS" title="CBS改"/>

注：短句的先后顺序不影响功能

4.链接标签

用于链接其他内容或页面（用于不同页面间的页面跳转）

<a href="链接路径" 
target="链接打开的窗口">
链接文本或图像
</a>

例：
<a href="http://www.baidu.com" target="_blank">
<img src="image/CBS.jpg" hspace="350" width="500" height="600" alt="CBS" title="CBS改"/>
</a>

注：功能为点击设定的“链接文本或图像”后，在“当前窗口或新窗口”打开设定的“链接路径”

5.常用的超链接

创建跳转标记(用于同一页面内容跳转)

<a name="标记名称">
乙位置
</a>

创建跳转链接
<a href="#标记名称">
甲位置
</a>

注：功能为点击“甲位置”跳转至“乙位置”，“标记名称”为识别名称，需一一对应

Gudamu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第一章

第一章HTML网页布局1.基本结构<!DOCTYPE html> //规范声明<html><head lang="en"> <meta charset="utf-8"/> //utf-8防乱码 <title>网页标题内容</title></head><body> 体内容</body></html&g
复制链接

扫一扫