html基本标签，列表和图像（前端学习，第一天）

最新推荐文章于 2024-04-02 21:15:51 发布

hanxingxinglei

最新推荐文章于 2024-04-02 21:15:51 发布

阅读量322

点赞数

分类专栏：前端学习

本文链接：https://blog.csdn.net/hanxingxinglei/article/details/79028651

版权

前端学习专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、字体标签，<font size=5 color="red">字体标签示例</font>

2、标题标签：<h1><h2><h3><h4><h5><h6>

3、特殊字符: < >等，一定要注意最后加上分号

4、列表中的标签：

（1）<dl>定义列表，使用其定义列表区域后，通过<dt><dd>分别写出上下层项目

（2）列表中项目符号对应的标签为 <ol>:数字标签（a A 1 i I）可通过type和start属性改变计数方式及开始项

<ul>符号标签（实心圆、空心圆、方框）只能通过type修改图形形状

<li>为具体项目内容标签，此标签只在<ol><ul>中有效

5、图像标签：<img src="1.jpg" align="middle" border="3" alt="这是一张图片">

align：属性定义图片的排列方式，border用来设置图像的边框。src用来连接一个文件。alt当图片未加载或鼠标放到图片上去的时候，会提示相应的文字信息

6、图像地图：<map>,当在图像中选取某一部分作为连接时使用，利用中国地图是一张整图，点击单个省份时有对应的形状，该标签要和img标签联合使用

（该示例未理解，通过DW设计自动生成代码）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>无标题文档</title>  
</head>  
      
<body>  
<font size=5   color="#0000FF">1、字体控制</font>  
  
<h3>2、特殊符号(一定要注意加分号)</h3>  
<左括号<br/>  
>右括号<br/>  
&和<br/>  
"英文双引号<br/>  
€特殊符号<br/>  
 空格<br/>  
™  
  
<h3>3、表单</h3>  
<dl>  
    <dt>大家好，我是上层项目</dt>  
    <dd>大家不好，我是下层</dd>  
</dl>  
  
<ul type="square" >  
    <li>我是符号标签ul</li>  
    <li>哈哈哈</li>  
    <li>就是这么任性</li>  
</ul>  
<ol type="i" start="3">  
    <li>我是数字标签</li>  
    <li>你想对我干嘛 </li>  
</ol>  
<h3>4、图像</h3>  
<img src="小蜜蜂.png" width="400px" usemap="#Map" border="0"/>  
<map name="Map" id="Map">  
  <area shape="rect" coords="194,42,318,114" href="1.html" />  
</map>  
</body>  
</html>

hanxingxinglei

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html基本标签，列表和图像（前端学习，第一天）

1、字体标签，字体标签示例2、标题标签：3、特殊字符: < >等，一定要注意最后加上分号4、列表中的标签：（1）定义列表，使用其定义列表区域后，通过分别写出上下层项目（2）列表中项目符号对应的标签为 :数字标签（a A 1 i I）可通过type和start属性改变计数方式及开始项符号标签（实心圆、空心圆、方框
复制链接

扫一扫