html的一些语法和标签

网页的基本标签——字体样式标签

加粗:

<strong>...</strong>

斜体 :

<em>...</em>

注释和特殊符号

特殊符号 字符实体
空格 &nbsp;
大于号(>) &gt;
小于号(<) &lt;
引号(") &quot;
版权符号(@) &copy;

语法

一.图像标签
<img src="path" alt="text" title="text"  width="x"  height="y" />

例如
<img src="book.jpg" alt="未显示图片" title="百度一下" width="20%">

注:返回上一级用
在这里插入图片描述

二.链接标签
<a href="path" target="目标窗口位置">链接文本或图像</a>

例如
<a href="http://www.jumei.com/help/main" target="_blank">点我去聚美优品</a>

注:目标窗口位置通常用_self(可省略)、_blank

三.常用的超链接——锚链接(定位具体位置)
  • 从A页面的甲位置跳转到本页中的乙位置
  • 从A页面的甲位置跳转到B页面中的乙位置

创建步骤

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

示例

在这里插入图片描述

四.块元素与行内元素

1.块元素

无论内容多少,该元素独占一行(p、h1-h6…、hr/)

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

猜你喜欢

转载自blog.csdn.net/nayomi927/article/details/111562600