【HTML 基础】

【HTML 基础】

  • HTML 是一门语言,所有的网页都是用 HTML 这门语言编写出来的
  • HTML(HyperText Markup Language):超文本标记语言
    • 超文本:超越了文本的限制,比普通文本更强大,除了文字信息,还可以定义图片,音频,视频等内容
    • 标记语言:由标签构成的语言
  • HTML 运行在浏览器上,HTML 标签由浏览器来解析
  • HTML 标签都是预定义好的。例如:<img> 展示图片
  • W3C 标准:网页主要由三部分形成:
    • 结构:HTML
    • 表现:CSS
    • 行为:JavaScript

一、 HTML 介绍及快速入门

  1. 新建文本文件,后缀名改为 .html
  2. 编写 HTML 结构标签
  3. <body> 中定义文字
<!DOCTYPE html>
<!-- HTML5 标识 -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 页面的字符集 -->
    <title>HTML 快速入门</title>
</head>
<body>
乾坤未定,你我皆是黑马。
<font color="red">乾坤未定,你我皆是黑马。</font>
</body>
</html>

总结:

  1. HTML 文件以 .htm 或者 .html 为扩展名
  2. HTML 结构标签:
标签描述
<HTML>定义 HTML 文档
<head>定义关于文档的信息
<title>定义文档的标题
<body>定义文档的主体
  1. HTML 标签不区分大小写
  2. HTML 标签属性值单双引皆可
  3. HTML 语法松散

二、 基础标签

标签描述
<h1> ~ <h6>定义标题,h1 最大,h6 最小
<font>定义文本的字体,字体尺寸,字体颜色
<b>定义粗体文本
<i>定义斜体文本
<u>定义文本下划线
<center>定义水平居中
<p>定义段落
<br>定义拆行
<hr>定义水平线

HTML 表示颜色:

  1. 英文单词:red、pink、blue…
  2. rgb(值1,值2,值3):值的取值范围:0 ~ 255
    例如:rgb(255,0,0) ,为红色
  3. #值1值2值3 值范围:00 ~ FF(十六进制)
HTML 原代码显示结果描述
&lt;<小于号或显示标记
&gt;>大于号或显示标记
&amp;&可用于显示其他特殊字符
&quot;"引号
&reg;®已注册
&copy;©版权
&trade;商标
&nbsp;不断行的空白

三、 图片、音频、视频标签

标签描述
<img>定义图片
<audio>定义音频
<video>定义视频
  • img :定义图片
    • src :规定显示图像的 URL(统一资源定位符)
    • height :定义图像的高度
    • width :定义图像的宽度
  • audio :定义音频,支持的音频格式 MP3,WAV,OGG
    • src :规定音频的 URL
    • controls :显示播放控件
  • video :定义视频,支持的视频格式 MP4,WebM,OGG
    • src :规定视频的 URL
    • controls :显示播放控件

资源路径:

  1. 绝对路径:完整路径
  2. 相对路径:相对位置关系

尺寸单位:

  1. px :像素
  2. 百分比

四、 超链接标签

标签描述
<a>定义超链接,用于链接到另一个资源
  • href :指定访问资源的 URL
  • target :指定打开资源的方式:
    • _self :默认值,在当前页面打开
    • _blank :在空白页面打开

五、 列表标签

标签描述
<ol>定义有序列表
<ul>定义无序列表
<li>定义列表项
  • type :设置项目符号

六、 表格标签

标签描述
<table>定义表格
<tr>定义行
<td>定义单元格
<th>定义表头单元格
  • table :定义表格
    • border :规定表格边框的宽度
    • width :规定表格的宽度
    • cellspacing :规定单元格之间的空白
  • tr :定义行
    • align :定义表格行的内容对齐方式
  • td :定义单元格
    • rowspan :规定单元格可横跨的行数
    • colspan :规定单元格可横跨的列数

七、 布局标签

标签描述
<div>定义 HTML 文档中的一个区域部分,经常与 CSS 一起使用,用来布局页面
<span>定义组合行内的元素

八、 表单标签

  • 表单:在网页中主要负责数据的采集功能,使用 <form> 标签定义表单
  • 表单项(元素):不同类型的 input 元素,下拉列表、文本域等
标签描述
<form>定义表单
<input>定义表单项,通过 type 属性控制输入格式
<label>为表单项定义标注
<select>定义下拉列表
<option>定义下拉列表的列表项
<textarea>定义文本域
  • form :定义表单

    • action :规定当提交表单时向何处发送表单数据,指定 URL,表单项数据要想被提交,则必须指定其 name 属性
    • method :规定用于发送表单数据的方式
      • get :浏览器会将数据直接附在(拼接)表单的 action URL 之后,大小有限制(URL 的长度大约限制在 4kb)
      • post :浏览器会将数据放到 http 请求消息体中,大小无限制
  • <input> :表单项,通过 type 属性控制输入形式

  • <select> :定义下拉列表,<option> 定义列表项

  • <textarea> :文本域

type 取值描述
text默认值,定义单行的输入字段
password定义密码字段
radio定义单选按钮
checkbox定义复选框
file定义文件上传按钮
hidden定义隐藏的输入字段
submit定义提交按钮,提交按钮会把表单数据发送到服务器
reset定义重置按钮,重置按钮会清除表单中的所有数据
button定义可点击按钮

九、 测试使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>基础标签</title>
</head>
<body>
    <h1>标题标签一级</h1>
    <h2>二级</h2>
    <h3>三级</h3>
    <h4>四级</h4>
    <h5>五级</h5>
    <h6>六级</h6>

    <p>段落标签</p>
    <br/>换行标签  单标签 强制换行

    文本格式化标签
    <strong>加粗</strong>
    <b>加粗</b>
    <em>倾斜</em>
    <i>倾斜</i>
    <del>删除线</del>
    <s>删除线</s>
    <ins>下划线</ins>
    <u>下划线</u>

    盒子标签 没有语义
    <div>大盒子   分割分区  一行只能放一个</div>
    <span>小盒子   跨度跨距   一行可以放多个 显示多个</span>

    图像标签和路径
    <h4>图像标签的使用</h4>
    <img src="示例图片.png"/>
    <h4>alt 替换文本 图像显示不出来的时候用文字替换:</h4>
    <img src="示例图片 故意改错.png" alt="示例图片"/>
    <h4>title 提示文本 鼠标放到图像上,提示的文字:</h4>
    <img src="示例图片.png" alt="示例图片" title="示例图片"/>

    <h4>width 给图像设定宽度:</h4>设定一个高度或宽度另一方面自动等比例调节
    <img src="示例图片.png" alt="示例图片" title="示例图片" width="500"/>
    <h4>height 给图像设定高度:</h4>设定一个高度或宽度另一方面自动等比例调节
    <img src="示例图片.png" alt="示例图片" title="示例图片" height="100"/>
    <h4>width 给图像设定边框:</h4>
    <img src="示例图片.png" alt="示例图片" title="示例图片" width="500" border="15"/>
    
    表格标签的基本使用
    <table>
        <tr>
            <td>单元格内的文字</td>
        </tr>
    </table>
    <!--    <table></table>是用于定义表格的标签。
            <tr></tr>标签用于定义表格中的行,必须嵌套在<table></table>标签中
            <td></td>用于定义表格中的单元格,必须嵌套在<tr></tr>标签中
            字母td指表格数据(table data),即数据单元格的内容。      -->
            <table>
                <tr><td>姓名</td><td>性别</td><td>年龄</td></tr>
                <tr><td>刘某某</td><td></td><td>56</td></tr>
                <tr><td>张某某</td><td></td><td>58</td></tr>
                <tr><td>郭某某</td><td></td><td>54</td></tr>
                <tr><td>黎某</td><td></td><td>56</td></tr>
            </table>

            表头单元格标签
            <!--  <th>标签表示HTML表格的表头部分(table head 的缩写  加粗居中显示  -->
                <table>
                    <tr><th>姓名</th><th>性别</th><th>年龄</th></tr>
                </table>
                表格属性
                属性名            属性值              描述
                align            left  center right  规定表格相对周围元素的对齐方式
                border           1或""               规定表格单元是否拥有边框,默认为"",没有边框
                cellpadding      像素值              规定单元格边沿与其内容之间的空白,默认1像素
                cellspacing      像素值              规定单元格之间的空白,默认2像素
                width            像素值或百分比       规定表格的宽度
                height           像素值或百分比       规定表格的高度
                <table align="center" border="1" cellpadding="20" cellspacing="0" width="500" height="250" >
                    <tr><th>姓名</th><th>性别</th><th>年龄</th></tr>
                </table>

                表格结构标签
                <!--        <thead>标签 表格的头部区域,<tbody>标签 表格的主体区域     -->
                <table  align="center" border="1" cellpadding="20" cellspacing="0" width="500" heigth="100">
                <thead>
                        <tr>
                            <th>排名</th>
                            <th>关键词</th>
                            <th>趋势</th>
                            <th>进入搜索</th>
                            <th>最近七日</th>
                            <th>相关链接</th>
                        </tr>
                </thead>
                <tbody>
                        <tr>
                            <td>1</td>
                            <td>xxxx</td>
                            <td>趋平</td>
                            <td>640350</td>
                            <td>640350</td>
                            <td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
                        </tr>
                        <tr>
                            <td>2</td>
                            <td>xxxx</td>
                            <td>下降</td>
                            <td>623003</td>
                            <td>623003</td>
                            <td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
                        </tr>
                        <tr>
                            <td>3</td>
                            <td>xxxx</td>
                            <td>上涨</td>
                            <td>507270</td>
                            <td>507270</td>
                            <td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
                        </tr>
                        <tr>
                            <td>4</td>
                            <td>xxxx</td>
                            <td>趋平</td>
                            <td>433165</td>
                            <td>433165</td>
                            <td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
                        </tr>
                        <tr>
                            <td>5</td>
                            <td>xxxx</td>
                            <td>上涨</td>
                            <td>297775</td>
                            <td>297775</td>
                            <td><a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a> </td>
                        </tr>
                </tbody>
                </table>
                 
                表格标签 合并单元格
                <!--  合并单元格的方式
                跨行合并:rowspan=“合并单元格的个数”
                跨列合并:colspan=“合并单元格的个数”
                跨行:最上侧单元格为目标单元格,写合并代码
                跨列:最左侧单元格为目标单元格,写合并代码
                合并后多余的删掉  -->
                <table width="500" height="250" border="1" cellspacing="0" >
                    <tr>
                        <td></td>
                        <td colspan="2"></td>
                    </tr>
                    <tr>
                        <td rowspan="2"></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
                
                列表标签
                无序列表
                <h4>你喜欢的食物?</h4>
                <ul>
                    <li>榴莲</li>
                    <li>臭豆腐</li>
                    <li>鲱鱼罐头</li>
                </ul>
                <!--  无序列表中没有顺序区别,是并列的
                <ul></ul>中只能嵌套<li></li>输入其他标签和文字是不被允许的
                <li></li>相当于一个容器可以放任何元素
                无序列表会带有自己的样式属性,我们会使用css来设置  -->
            
                有序列表
                <h4>粉丝排行榜</h4>
                <ol>
                    <li>列表项一</li>
                    <li>列表项二</li>
                    <li>列表项三</li>
                </ol>
                <!-- <ol></ol>中只能嵌套<li></li>输入其他标签和文字是不被允许的
                <li></li>相当于一个容器可以放任何元素
                有序列表会带有自己的样式属性,我们会使用css来设置 -->
            
                自定义列表
                自定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号
                <dl>
                    <dt>名词</dt>
                    <dd>解释说明1</dd>
                    <dd>解释说明2</dd>
                </dl>
                <!--  <dl></dl>里面只能放<dt></dt>和<dd></dd>
                <dt></dt><dd></dd>无限制个数,通常<dt></dt>里面可以有多个<dd></dd>  -->

                表单标签
                <!--  在HTML中,一个完整的表单通常由表单域,表单控件(也称为表单元素)和提示信息3个部分构成。  -->
                <!--  表单域是一个包含表单元素的区域。
                      在HTML表签中,<form>标签用于定义表单域,以实现用户信息的收集和传递。
                      <form>会把它范围内的表单元素信息提交给服务器  -->
                          <form action="ul地址" method="提交方式" name="表单域名称">
                              各种表单元素控件
                          </form>
                          <!-- action  ul地址   用于指定接收并处理表单数据的服务器程序的ul地址。
                               method  get/post  用于设置表单数据的提交方式,其取值为get或post。
                               name    名称      用于指定表单的名称,以区分同一个页面中的多个表单域。  -->
                               <form action="demo.php" method="POST" name="name1">

                               </form>
                               <!-- 在表单域中可以定义各种表单元素,这些表单元素就是允许用户在表单格中输入或选择的内容控件。
                                    input输入表单元素
                                    select下拉表单元素
                                    textarea文本域元素  -->
                                    <!--  在<input>标签中,包含一个type属性。、,根据不同的type属性值,输入字段拥有很多种形式(可以是文本字段,复选框,掩码后的文本控件,单选按钮,按钮等)。  -->
            <input type="属性值" />
            button          定义可以点击按钮(多种情况下,用于通过JavaScript启动脚本)。
            checkbox        定义复选框。
            file            定义输入字段和“浏览”按钮,供文件上传。
            hidden          定义隐藏的输入字段。
            image           定义图像形式的提交按钮。
            password        定义密码字段,该字段中的字符被淹码。
            radio           定义单选按钮。
            reset           定义重置按钮,重置按钮会清除表单中的所有数据。
            submit          定义提交按钮,提交按钮会把表单数据发送到服务器。
            text            定义单行的输入字段,用户可在其中输入文本,默认宽度为20个字符。
            <form action="xxx.php" method="get">
                <!--  text文本框 用户可以在里面输入任何文字  -->
                用户名:<input type="text" name="username" value="请输入用户名" maxlength="6"><br>
                <!--  password 密码框 用户看不见输入的密码  -->
                密码:<input type="password" name="pwd"><br>
                <!--  radio 单选按钮  可以实现多选  -->
                <!--  name  是表单元素名字 这里性别单选按钮必须有相同的名字name 才可以实现多选一  -->
                <!--  单选按钮和复选框可以设置checked属性,当页面打开的时候就可以默认选中这个按钮  -->
                性别:男<input type="radio" name="gender" checked="checked"><input type="radio" name="gender"><br>
                <!--  checkbox 复选框 可以实现多选  -->
                爱好:吃饭<input type="checkbox"> 睡觉<input type="checkbox"> 打豆豆<input type="checkbox"><br>
                <input type="submit" value="免费注册"><br>
                <!--  点击了提交按钮,可以把 表单域form里面的表单元素 里面的值 提交给后台服务器  -->
                <input type="reset" value="重新填写"><br>
                <!--  重置按钮可以还原表单元素填写的默认状态  -->
                <input type="button" value="获取短信验证码"><br>
                <!--  普通按钮 button  后期结合JavaScript 搭配使用-->
                上传头像<input type="file">
                <!--  文件域 使用场景 上传文件使用  -->
            </form >
            除type属性外,<input>标签还有其他很多属性。
            name     由用户定义     定义input元素的名称
            value    由用户定义     规定input元素的值
            checked   checked       规定此input元素首次加载时应当被选中
            maxlength  正整数        规定输入字段中的字符的最大长度
            name和value是每个表单元素都有的属性值,主要给后台人员使用
            name表单元素的名字,要求单选按钮和复选框要有相同的name值
            checked属性主要针对于单选按钮和复选框,主要作用一打开页面,就要可以默认选中某个表单元素
            maxlength是用户可以在表单元素输入的最大字符数,一般很少用

            <!--  button 定义可点击按钮(多数情况下,用于通过JavaScript启动脚本)
                  checkbox 定义复选框
                  file 定义输入字段和“浏览”按钮,供文件上传
                  hidden 定义隐藏的输入字段
                  image 用于定义图像形式的提交的按钮
                  password 定义密码字段,该字段中的字符被淹码
                  radio 定义单选按钮
                  reset 定义重置按钮,重置按钮会清除表中的所有数据
                  submit 定义提交按钮,提交按钮会把表单数据发送到服务器
                  text 定义单行的输入字段,用户可以在其中输入文本,默认宽度为20个字符  -->

                  <!--  <label>标签 为input元素定义标注(标签)
                        <label>标签用于绑定一个表单元素,当点击<label>标签内的文本时,浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上,用来增加用户体验  -->
                        <label for="gender"></label>
                        <input type="radio" name="gender" id="gender"/>
                        <label for="text">用户名:</label><input type="text" id="text">
                        <input type="radio" id="nan" name="gender"><label for="nan"></label>
                        <input type="radio" id="nv" name="gender"><label for="nv"></label><br>
                        <!--  <label>标签的for属性应当与相关元素的id属性相同  -->
            
            表单控件
            <!--  <select>表单元素  
                  在页面中,如果有多个选项让用户选择,并且想要节约页面空间时,我们可以使用<select>标签控件定义下拉列表  -->
        <form>
            <select>
                <option>选项一</option>
                <option>选项二</option>
                <option selected="selected">选项三</option>
            </select>
        </form>
        <!--  <select>中至少包含一对<option>
              在<option>中定义selected=“selected”时,当前项即为默认选中项  -->
        
        <!--  <textarea>表单元素 
              使用场景:当用户输入内容较多的情况下,我们就不能使用文本框表单了,此时我们就可以使用<textarea>标签
              在表单元素中,<textarea>标签是用于定义多行文本输入的控件
              使用多行文本输入控件时,可以输入更多的文字,该控件常见于留言板,评论  -->
              <form>
                  今日反馈
                  <textarea cols="50" rows="5">反馈留言</textarea>
              </form>
              <!--  通过<textarea>标签可以轻松的创建多行文本输入框
                    cols="每行中的字符数" rows="显示的行数"  -->

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>超链接标签</title>
</head>
<body>
    <h4>超链接标签</h4>
    <a href="跳转目标"target="目标窗口的弹出方式">文本或图像</a>
    href用于指定链接目标的url地址,(必须属性)当为标签应用herf属性是,他就具有了超链接的功能。
    target用于指定链接页面的打开方式,其中以_self为默认值,_blank为在新窗口中打开方式。
    <h4>外部链接</h4>
    <a href="https://www.bilibili.com/" taget="_self">哔哩哔哩</a>
    <h4>外部链接</h4>
    <a href="https://www.bilibili.com/" target="_blank">哔哩哔哩</a>
    target 打开窗口的方式 默认的是_self 当前窗口打开 _blank 新窗口打开页面
    
    <h4>内部链接:网站内部页面之间的相互链接</h4>
    <a href="示例图片.png" target="_blank">示例图片</a>

    <h4>空链接:#</h4>
    <a href="#" target="_blank"></a>

    <h4>下载链接:地址的链接是 文件.exe 或者是 zip 等压缩包形式</h4>
    <a href="示例图片压缩包.zip">下载文件</a>

    <h4>网页元素的链接</h4>
    <a href="http://www.baidu.com"><img src="示例图片.png"/></a>

    <h4>锚点链接 快速跳转</h4>

    练习:
    1 <a href="#早年经历">早年经历</a><br />
    2 <a href="#演艺经历">演艺经历</a><br />
    3 <a href="#个人生活" >个人生活</a><br />
    4 主要作品<br />
    5 社会活动<br />
    6 获奖记录<br />
    7 人物评价<br />

    <h3 id="早年经历">早年经历</h3>
    刘德华出生于香港新界,在家中排行老四,幼时随家人搬到了九龙钻石山的木屋区居住,
    并和姐弟一起帮助家里打理卖稀饭的生意 [20]  。1973年,刘德华随家人搬入香港蓝
    田邨第15座14楼 [21]  。刘德华从黄大仙天主教小学毕业后升读可立中学 [22]  。
    在可立中学读书期间,刘德华积极参加校内学校剧社的表演,在老师杜国威的指导下学习
    戏剧方面的知识。此外,他还参与包括编剧在内的幕后制作。刘德华在中五会考获得
    1B3D2E(中文读本A)的成绩。中六上学期后,他到香港电视广播有限公司的艺员训练班
    受训,从而开始了演艺之路 [23]  。
    <h3 id="演艺经历">演艺经历</h3>
    港剧时代
1981年,刘德华考进第10期无线电视艺员训练班 [24]  。同年,出演个人首部电视剧《江湖再见》,在剧中饰演以贩卖妇女为生的小混混阿龙;该剧获得美国电视节电视剧特别奖 [25]  。
1982年,刘德华以甲级成绩从艺员训练班毕业后正式签约TVB [26]  。同年在喜剧《花艇小英雄》中饰演败家仔钱日添。12月,与叶德娴搭档主演时装警匪剧《猎鹰》,凭借卧底警察江大伟一角获得关注 [27]  。
1983年,主演金庸武侠剧《神雕侠侣》,在剧中饰演外貌俊俏、倜傥不羁的杨过 [28]  ;该剧在香港播出后取得62点的收视纪录。同年,与黄日华、梁朝伟、苗侨伟、汤镇业组成“无线五虎将” [29]  。
1984年,与赵雅芝合作主演古装武侠剧《魔域桃源》,在剧中饰演资质出众、武功高强的傅青云 [30]  。同年,与梁朝伟共同主演金庸武侠剧《鹿鼎记》,在剧中饰演英明果断的康熙 [31]  。
1985年,在古装武侠剧《杨家将》中饰演骁勇善战的杨六郎 [32]  。同年,TVB向刘德华提出加签五年的合约,刘德华因拒绝而被TVB雪藏400天 [33-34]  。
1986年,在邵逸夫的调解下,刘德华与TVB和解并签下合约。同年,主演古装剧《真命天子》。1988年,在出演了武侠剧《天狼劫》后,刘德华将演艺事业的重心转向影坛 [34]  。
电影时代
1981年,刘德华出演电影处女作《彩云曲》,在片中扮演一个音乐班的学员 [35]  。1982年,在剧情片《投奔怒海》中饰演美军翻译官祖名,并凭借该片获得第2届香港电影金像奖最佳新演员提名 [35]  。
1983年,与朱海玲 [36]  搭档主演剧情片《家在香港》,在片中饰演急功近利的青年人亚伦 [37]  。同年,主演动作片《毁灭号地车》,在片中与一个越南少女演绎了一段爱情故事 [38]  。
1984年,在爱情片《停不了的爱》中饰演富家公子Eric [39]  。1985年,在与叶德娴共同主演的剧情片《法外情》中饰演少年得志的青年律师刘志鹏 [40]  。
1986年,主演科幻冒险片《魔翡翠》,在片中饰演冒险专家猎鹰一号,这也是他首度出演科幻题材的电影 [41]  。同年,出演喜剧片《最佳福星》,在片中饰演身手矫健的特警组警员蓝保 [42]  。1987年,主演警匪片《肝胆相照》,在片中饰演亦正亦邪的犯罪集团成员阿定 [43]  。
1988年,主演王家卫执导的黑帮片《旺角卡门》,在片中饰演重情重义的江湖混混华仔,并凭借该片获得第8届香港电影金像奖最佳男主角奖提名 [44]  。同年,主演警匪片《猎鹰计划》,在片中饰演具有正义感的警员国华 [45]  。此外,他还再度与叶德娴合作,在剧情片《法内情》中与叶德娴饰演绎了一段母子情 [46]  。
1989年,在动作片《至尊无上》中饰演有“亚洲第一快手”之称的陈亚蟹 [47]  。同年,主演剧情片《神行太保》,在片中饰演一名公正、能干、勇敢的太保。此外,他还主演了动作片《人海孤鸿》,在片中饰演没有接受过良好教育的古惑仔沙士 [48]  。12月,与周润发共同主演动作片《赌神》,在片中饰演赌神高进的徒弟刀仔 [49]  。
1990年,主演爱情片《天若有情之追梦人》,在片中饰演善良热情、讲义气的黑社会混混华Dee [50]  。同年,主演剧情片《至尊计状元才》。12月,与周星驰合作主演赌片《赌侠》,在片中饰演身怀绝技的陈刀仔 [51]  。
1991年,刘德华开始改变银幕形象,主演了传记题材的系列电影《五亿探长雷洛传》,并在片中首次诠释年龄跨度较大的人物,该系列中的两部作品《五亿探长雷洛传I雷老虎》、《五亿探长雷洛传2:父子情仇》在香港的累积票房达到5300万 [52]  。6月,主演犯罪题材的电影《至尊无上Ⅱ之永霸天下》。此外,他还主演了动作片《九一神雕侠侣》,该片是刘德华投资出品的首部电影作品 [53]  。同年,创办天幕电影公司 [3]  。
1992年,凭借传记片《五亿探长雷洛传》获得第11届香港电影金像奖最佳男主角提名 [54]  。8月,与王祖贤、叶德娴合作出演剧情片《庙街十二少》。11月,与林青霞、叶德娴共同主演古装片《绝代双骄》,在片中饰演聪明绝顶的小鱼儿 [55]  。同年,主演爱情片《九二神雕侠侣之痴心情长剑》,在片中饰演痴情大侠情仁 [56]  。
1993年,在古装片《战神传说》中扮演一个武功超群的渔民 [57]  。同年,主演动作喜剧片《至尊三十六计之偷天换日》,在片中饰演赌术高明的千门高手钱文迪。此外,他还主演了爱情片《天长地久》,在片中塑造了一个风流不羁的江湖浪子形象 [58]  。
1994年,刘德华投资并主演了剧情片《天与地》 [4]  ,并担任电影的制片人 [4]  ,他在片中饰演面对恶势力却毫不退缩的禁毒专员张一鹏 [59]  。1995年,主演赛车励志片《烈火战车》,在片中饰演叛逆、倔强的阿祖,并凭借该片获得第15届香港电影金像奖最佳男主角提名 [60]  。同年,在动作片《大冒险家》中演绎了立仁从小时候父母双亡到长大后进入泰国空军的故事 [61]  。
1996年,主演黑帮题材的电影《新上海滩》,在片中饰演对冯程程痴情一片的丁力。1997年,担任剧情片《香港制造》的制作人 [62]  。同年,主演爱情片《天若有情之烽火佳人》,在片中饰演家世显赫的空军少尉刘天伟 [63]  。12月,与梁家辉联袂主演警匪动作片《黑金》,在片中饰演精明干练、嫉恶如仇的调查局机动组组长方国辉 [64]  。
1998年,主演动作片《龙在江湖》,饰演重义气的黑帮成员韦吉祥。同年,出演喜剧片《赌侠1999》 [65]  。此外,他还担任剧情片《去年烟花特别多》的制作人 [66]  。
1999年1月,出演喜剧片《赌侠大战拉斯维加斯》。9月,刘德华与刘青云共同主演警匪片《暗战》;这部电影也成为刘德华表演生涯的转型之作,他在片中改变表演模式,饰演一个身患绝症却不颓废的大盗;并凭借该片获得第19届香港电影金像奖最佳男主角奖 [5]  。10月,在黑帮片《龙在边缘》中饰演决心改邪归正的洪兴帮大哥飞龙。同年,主演爱情片《黑马王子》,在片中饰演出身贫寒、不拘小节的阿华 [67]  。
2000年,在动作片《阿虎》中饰演性感开朗、直爽的自由搏击拳手阿虎;该片是刘德华从影以来的第100部电影 [68]  ;刘德华凭借该片获得第20届香港电影金像奖最佳男主角提名以及第6届香港电影金紫荆奖最佳男主角奖 [69-70]  。
2001年8月3日,刘德华与日本演员反町隆史共同主演的动作片《全职杀手》上映,他在片中饰演为名誉而生的职业杀手Tok [71]  ,并担任该片的制片人 [72]  。
2002年,刘德华开始拓宽戏路,在与梁朝伟共同主演的警匪片《无间道》中饰混饰演个性复杂的反派人物刘建明 [73-74]  ;该片在香港上映两周票房突破3000万港币,最终票房达到5505万港币 [75]  ,刘德华凭借该片获得第22届香港电影金像奖最佳男主角提名以及第40届台湾电影金马奖最佳男主角奖提名 [76-77]  。3月28日,刘德华主演的科学幻想片《卫斯理之蓝血人》上映,他在片中饰演功夫出色的冒险家卫斯理 [78]  。
2003年2月1日,刘德华主演的爱情喜剧片《老鼠爱上猫》上映,他在片中饰演风流倜傥、热爱自由的大侠展昭 [79]  。3月,主演剧情片《大块头有大智慧》,在片中饰演表面放荡不羁,但内心善良的武僧大块头 [80]  。12月,与梁朝伟共同主演强调正邪对峙、角色互换的警匪片《无间道Ⅲ终极无间》,在片中饰演被派到警队当内鬼的警员刘建明 [81]  ;并凭借该片获得第41届台湾电影金马奖最佳男主角奖 [6]  。
2004年1月,凭借剧情片《大块头有大智慧》获得第10届香港电影评论学会大奖最佳男主角奖 [82]  。4月,主演由冯小刚执导的剧情片《天下无贼》,在片中突破固有的银幕形象,饰演痞子气十足的盗贼王薄 [83]  。7月16日,刘德华与金城武、章子怡共同主演的武侠片《十面埋伏》在中国内地上映,他在片中饰演飞刀门在官府的卧底刘捕头 [84]  。同年,他还凭借剧情片《大块头有大智慧》获得第23届香港电影金像奖最佳男主角奖 [85]  。
2005年,担任爱情片《再说一次我爱你》的制片人以及男主角,并在片中一人分饰两角,扮演抑郁消沉的高医生以及外向张扬的发型师DEREK [86]  。9月29日,刘德华主演的奇幻剧情片《童梦奇缘》上映 [87]  。同年,担任华语电影传媒大奖中国电影百年形象大使 [88]  。2006年,主演古装动作片《墨攻》 [89]  ,在片中饰演用各种计策出奇制胜的革离;该片在中国内地上映三周票房超过6000万元 [90]  。
2007年,与李连杰、金城武共同主演古装动作片《投名状》,在片中塑造了赵二虎率性而为的草莽英雄形象 [91]  。2月13日,在剧情片《门徒》中饰演为人低调的毒贩林昆,并凭借该片获得第27届香港电影金像奖最佳男配角奖 [92]  。同年,在香港国际电影节主办的首届亚洲电影大奖颁奖礼上,获得亚洲电影票房巨星大奖 [93]  。
2008年,主演古装动作片《三国志之见龙卸甲》,在片中饰演智勇双全的常山赵子龙 [94]  。2009年1月20日,刘德华与舒淇联袂主演的爱情片《游龙戏凤》在中国内地上映;片中他首度扮演钻石王老五的角色,饰演事业成功的程仲森 [95]  。同年,参演战争片《建国大业》 [96]  。
2010年,刘德华主演了由徐克执导的古装片《狄仁杰之通天帝国》,他在片中塑造了一个文武双全的大唐神探形象 [97]  。3月30日,刘德华与范冰冰合作主演的科幻警匪片《未来警察》在中国内地上映;他在片中饰演处事果断的未来警察周志豪 [98]  。5月,获得第十二届世界杰出华人奖 [99]  。
2011年2月3日,刘德华与巩俐主演的都市爱情片《我知女人心》上映,他在片中饰演一位游走在美女间的风云人物;同年,在动作片《新少林寺》中饰演骁勇善战的军阀少帅侯杰 [100]  。2012年3月8日,与叶德娴搭档主演的文艺片《桃姐》上映,刘德华在片中饰演生长于大家庭的少爷罗杰 [101]  [262]  ,并凭借该片获得第48届台湾电影金马奖最佳男主角奖、第31届香港电影金像奖最佳男主角奖 [9]  [102]  。
2013年1月16日,担任第7届亚洲电影大奖评审团主席 [103]  。6月9日,主演3D特工电影《天机·富春山居图》,在片中饰演身陷不白之冤的国际特工肖锦汉 [104]  。 [105]  同年,主演3D警匪动作片《风暴》在中国内地上映。
2014年5月,主演中国首部打拐题材的电影《失孤》,在片中饰演倔强善良的农民雷泽宽。2015年3月20日,主演的电影《失孤》上映 [263]  。9月30日,刘德华主演的警匪片《解救吾先生》上映,他在片中饰演冷静、机智的电影明星吾先生 [106]  。同年,与周润发、张学友共同主演动作喜剧片《澳门风云3》 [107]  。
2016年4月1日,刘德华参演的动作片《我的特工爷爷》上映,他在片中饰演嗜赌成性且脾气暴躁的小混混李政久 [108]  。同年,参演魔幻类型的3D动作片《长城》 [109]  。6月,凭借剧情片《失孤》获得第16届中国电影华表奖优秀男演员奖 [110]  。10月1日,刘德华主演的喜剧动作片《王牌逗王牌》上映 [111]  ,他在片中饰演破案能力与闯祸能力都很强的囧探宝爷 [112]  。此外,刘德华客串了电影《铁道飞虎》 [113]  。
2017年4月28日,主演的警匪动作片《拆弹专家》在中国内地上映 [114]  ,他在片中饰演一名卧底拆弹专家,并担任影片的制作人 [115]  。7月,主演由冯德伦执导的动作冒险片《侠盗联盟》,在片中饰演温文尔雅的江洋大盗张丹 [116]  。9月30日,与甄子丹共同主演的动作犯罪片《追龙》上映,刘德华在片中饰演头脑精明的“五亿探长”雷洛 [117]  。
2018年2月,凭借警匪片《拆弹专家》获得第37届香港电影金像奖最佳男主角奖提名 [118]  。此外,他还以监制、主演的身份参加《扫毒2》的拍摄 [119]  。5月,担任监制的迷你剧《东方华尔街》播出 [120]  。
2019年1月,主演电影《香港地》 [121]  。3月,主演警匪片《拆弹专家2》 [122]  。9月12日,其友情客串的电影《花椒之味》上映 [123]  。同年,与葛优、张涵予主演电影《莫斯科大劫案》,同时他也是该片编剧 [124]  。
2020年1月19日,取材经典神话故事的《七圣》系列电影正式启动,刘德华担任监制及主演,在片中饰演孙悟空 [125]  。同年,参与录制的全球户外生活文化实境秀节目《周游记》在浙江卫视播出 [126]  。11月13日,刘德华监制并领衔主演的青春励志电影《热血合唱团》上映 [127]  。12月24日,与刘青云、倪妮共同主演的动作犯罪片《拆弹专家2》上映,在片中饰演一边逃亡一边查明爆炸案真相的前拆弹专家潘乘风,刘德华凭借该片获得第30届华鼎奖最佳男主角奖、最佳专业精神奖 [270]  。
2021年,主演庄文强执导的犯罪片《金手指》 [130]  。同年,参演悬疑喜剧片《唐人街探案3》,在片中饰演Q [247]  。2月12日,与肖央、万茜合作主演的犯罪喜剧电影《人潮汹涌》上映,他在片中饰演冷血杀手周全 [129]  。
音乐时代
1985年,加入华星唱片公司;同年,发行首张个人专辑《只知道此刻爱你》,从而正式进入歌坛 [131]  。1987年,加入百代唱片公司。同年,发行粤语专辑《情感的禁区》,其中收录了电影《肝胆相照》的主题曲《当中究竟》以及电影《中国最后一个太监》的主题曲《错觉》 [272]  。
1988年2月,发行第三张个人专辑《回到你身边》;这张专辑拓展了歌曲题材的表达范围,专辑所收录的歌曲也不再局限于爱情类型的歌曲 [132]  。1989年2月,发行个人首张普通话专辑《回到你身边·法内情》 [273]  。10月,发行普通话专辑《爱的连线》,收录了包括情歌《在我的胸前安歇》、《忘了爱》在内的8首歌曲 [286]  。
1990年,凭借专辑《可不可以》奠定其在歌坛的地位 [133]  ;专辑中的歌曲《可不可以》获得第13届十大中文金曲奖 [274]  。6月,发行普通话专辑《如果你是我的传说》 [284]  ;专辑发行后在东南亚的销售量达150万张;这张专辑收录的歌曲多数采用了近似的题材与曲式,同名主打歌《如果你是我的传说》由刘德华个人填词 [134]  。12月,发行粤语专辑《再会了》 [285]  ;其中主打歌《再会了》获得十大劲歌金曲奖 [276]  。
1991年2月,发行粤语专辑《爱不完》 [283]  ;该专辑发行首日录音带的销量达到16万张,而激光唱片的销量则有7.2万张 [135]  。6月,发行普通话专辑《我和我追逐的梦》,收录了《把今生忘掉》、《不甘寂寞》等10首歌曲 [277]  。8月,发行专辑《一起走过的日子》 [282]  ,其中主打歌《一起走过的日子》获得十大劲歌金曲奖以及十大中文金曲奖 [274-275]  。12月,推出普通话专辑《来生缘》,收录了《风中的歌》、《为了你请留下我》、《来生缘》等11首歌曲 [287]  。同年,获得十大劲歌金曲奖最受欢迎男歌手奖 [275]  。
1992年,获得十大劲歌金曲奖最受欢迎男歌手奖 [278]  。2月,在提前录制的央视春晚视频中,刘德华与毛阿敏、张雨生合唱歌曲《心中常驻芳华》 [136]  ,随后在洛杉矶、旧金山等地举行美加巡回演唱会。7月10日,推出粤语专辑《爱的空间》,其中收录了时装剧《巨人》的主题曲《你震撼我的心灵》 [281]  。7月22日,发行普通话专辑《谢谢你的爱》 [248]  ,其中主打歌《谢谢你的爱》成为刘德华音乐生涯的代表作 [249]  。9月,发行加入华纳唱片公司后的首张粤语专辑《真我的风采》;该专辑销量达到40万张 [135]  ,其中粤语版的《谢谢你的爱》获得第16届十大中文金曲奖 [279]  ,专辑中的歌曲《真我的风采》获得第15届十大中文金曲奖以及十大劲歌金曲奖 [278]  [280]  。
1993年1月至2月,在香港红磡体育馆举行20场“真我的风采演唱会”。3月,推出加入飞碟唱片公司后的首张专辑《真情难收》 [288]  ,其中主打歌曲《一辈子的错》由刘德华个人作词 [289]  。7月,推出专辑粤语专辑《答案就是你》 [290]  ,专辑中的歌曲《永远寂寞》获得第16届十大中文金曲奖 [279]  。9月,发行普通话专辑《一生一次》 [297]  ,其中歌曲《不能没有你》获得第16届十大中文金曲优秀普通话歌曲奖 [299]  。
1994年4月,发行普通话专辑《忘情水》,其中主打歌《忘情水》获得第17届十大中文金曲奖、十大劲歌金曲最受欢迎国语歌曲金奖、第1届华语榜中榜Channel [V]中文Top 20榜中榜歌曲奖 [137]  [291-292]  。8月6日至25日,在香港红磡体育馆举行20场演唱会。11月25日,发行普通话专辑《天意》;专辑中表达友情的主打歌曲《友谊历久一样浓》是刘德华个人填词的作品 [293]  。同年,获得十大劲歌金曲奖最受欢迎男歌手奖 [292]  。
1995年,加入艺能动音唱片公司。同年,首次登上央视春晚舞台,并演唱歌曲《忘情水》 [13]  。8月,发行普通话专辑《真永远》,其中的代表作是具有励志色彩的歌曲《今天》;该专辑是刘德华在音乐视角上的一个分水岭,从这张专辑开始,刘德华歌唱爱的角度开始变得多元化。此外,他还在洛杉矶、芝加哥等地举行“刘德华真永远美加巡回演唱会”。12月,发行粤语专辑《情未鸟》,同名主打歌获得十大劲歌金曲奖以及第19届十大中文金曲奖。
1996年,发行普通话专辑《相思成灾》,其中主打歌《相思成灾》获得第19届十大中文金曲奖优秀国语歌曲银奖。同年,在香港红磡体育馆举行20场“刘德华反转红馆倒转地球演唱会”。
1997年4月,发行普通话专辑《爱如此神奇》,其中爱国主义题材的歌曲《中国人》获得十大中文金曲优秀国语歌曲金奖以及十大劲歌金曲奖。12月,发行普通话专辑《爱在刻骨铭心时》,其中的代表作《世界第一等》是刘德华第一首闽南语歌曲。同年,为迎接香港回归,刘德华与那英合唱《东方之珠》 [138-139]  ;在香港回归庆典晚会上,刘德华演唱了代表作《中国人》。
1998年,在中央电视台春节联欢晚会上,刘德华与张信哲、毛宁合唱歌曲《大中国》 [140]  。3月,发行粤语专辑《你是我的女人》。11月,发行曲风多元的普通话专辑《笨小孩》;其中与柯受良、吴宗宪合唱的同名主打歌《笨小孩》获得第21届十大中文金曲最受欢迎国语歌曲金奖。
1999年5月,发行普通话专辑《人间爱》,并在专辑中融入中国内地的流行音乐元素。8月7日-21日,在香港红磡体育馆举行举行15场“爱你一万年演唱会”。同年,受迈克尔·杰克逊私人邀请,参加“迈克尔·杰克逊与他的好友韩国汉城慈善音乐会” [141]  。
2000年8月,发行国语专辑《男人的爱》;专辑主打歌《男人哭吧不是罪》是刘德华个人填词的作品。2001年6月,发行普通话专辑《天开了》 [142]  ;其中主打歌《我的心只可容纳你》由刘德华个人填词;而在演唱歌曲《偷听女孩心》时,刘德华还初次尝试了Rap曲风 [143]  。8月17日至31日,在香港红磡体育馆举行15场“夏日Fiesta演唱会”,并在演唱会现场表演了拉丁舞 [144]  。
2002年7月,加入加际娱乐后的首张专辑《美丽的一天》,专辑中歌曲的灵感全部来自10个真实故事 [145]  ;其中歌曲《练习》获得第二届全球华语歌曲排行榜20大金曲奖以及第25届香港十大中文金曲奖优秀国语歌曲奖 [146]  。同年,在南昌、西安等地举行中国巡回演唱会 [141]  。
2003年6月,发行粤语专辑《如果有一天》,同名主打歌《如果有一天》是由刘德华个人填词的作品 [147]  。2004年8月,推出粤语专辑《Coffee or Tea》,刘德华参与其中五首歌曲的创作 [148]  ;其中主打歌曲《常言道》获得第27届十大中文金曲奖 [149]  。同年,在香港十大劲歌金曲颁奖典礼上,获得最受欢迎男歌星奖。
2005年,刘德华在央视春晚舞台上演唱歌曲《恭喜发财》 [150]  。8月4日,发行了普通话专辑《再说一次我爱你》 [264]  ;该专辑以纯爱故事为架构,用十首歌诠释不同角色对爱情的感受 [151]  。12月13日,发行专辑《继续谈情》,其中爱情片《童梦奇缘》的主题曲《下次不敢》是刘德华个人填词的作品 [152]  。
2006年8月8日,刘德华发行了粤语专辑《声音》 [265]  ,这是一张关注人性的唱片 [153]  ;他在该专辑中改变抒情歌曲的风格,尝试演唱摇滚曲风的歌曲《累斗累》以及R&B风格的歌曲《心肝宝贝》。同年,获得十大中文金曲奖优秀流行歌手奖。
2007年7月,刘德华推出了涉及爱情、环保、人生态度等主题的普通话专辑《一只牛的异想世界》 [154]  。12月5日,加入寰亚集团旗下的东亚唱片 [155]  。12月21日起,在香港红馆举行16场Wonderful World香港跨年演唱会,并在现场演唱了《一起走过的日子》、《17岁》等不同时期的代表作。同年,发行专辑《Everyone Is No.1》 [156]  。
2008年1月,获得第30届十大中文金曲全国最佳男歌手奖、最优秀男歌手大奖、优秀流行歌手大奖 [157]  。2月,发行演唱会专辑《Wonderful World 香港演唱会2007》 [158]  。
2009年2月,推出唱片《希望·爱》,专辑收录了励志作品《一晚长大》、情歌《未到伤心处》等作品。7月,发行粤语精选集《长途伴侣》 [159]  。同年,在广州、长沙等地举行“Wonderful World 中国巡回演唱会” [160]  。8月,为浙江卫视中国蓝打造并演唱台歌《海阔天空一路是蓝》 [161]  。同年,获得第31届十大中文金曲优秀流行歌手大奖 [162]  。
2010年10月,刘德华在入行30周年之际,推出了以翻唱其他歌手歌曲为主的怀旧专辑《忘不了的》 [163]  。12月20日起,在香港红馆举行20场“Unforgettable Concert跨年演唱会”,并演唱了《谢谢你的爱》、《中国人》等代表作 [164]  。
2011年,发行原声带专辑《悟》。同年,在上海、郑州等地举行Unforgettable中国巡回演唱会 [165]  。2012年,发行精选专辑《我们的刘德华》。2013年,在北京、上海等地举行“Always刘德华中国巡回演唱会” [166]  。2015年2月18日,刘德华第五次参加中央电视台春节联欢晚会,并演唱歌曲《回家的路》 [167]  。
2016年,由刘德华填词并演唱的歌曲《原谅我》正式发行,这首歌曲是动作片《我的特工爷爷》的主题曲 [168]  。同年,演唱喜剧动作片《王牌逗王牌》的主题曲《笑一笑》,并为这首歌曲创作了歌词 [169]  。2017年,作词并演唱歌曲《慢慢习惯》。
2020年2月,刘德华填词创作粤语歌曲《我知道》 [170]  。5月11日,参与由人民日报客户端、国家人文历史等联合发起的“致敬白衣天使”线上音乐会 [171]  。6月25日,参与中央广播电视总台端午特别节目《端午道安康》,与周笔畅演唱《我知道》 [172]  。10月27日,刘德华发行了单曲《继续美丽》,这首歌曲由刘德华亲自作词 [173]  。11月13日,刘德华演唱的电影《热血合唱团》片尾曲《谁能明白我》上线 [174]  。12月15日,刘德华发行了专辑《演·唱》,该专辑是刘德华的第一张数字专辑,其中所有原创作品均由刘德华亲自作词 [175]  。
2021年2月1日,刘德华与肖央为电影《人潮汹涌》演唱的推广曲《新的一年》发布 [176]  。2月11日,参加中央广播电视总台春节联欢晚会,以云录制的方式与关晓彤、王一博表演创意节目《牛起来》 [128]  。5月6日,演唱电影《总是有爱在隔离》的主题曲《如果心里是爱》 [250]  。7月30日,发行出道40周年纪念单曲《奉陪到底》 [269]  。11月4日,发行为电影《铁道英雄》演唱的片尾主题曲《又弹起心爱的土琵琶》 [296]  。
    <h3 id="个人生活">个人生活</h3>
    家庭
刘德华的父亲刘礼在启德机场做过消防员的工作。
20世纪60年代,刘礼开了一间小吃杂货店以赚钱维持家用。刘德华在家中还有三位姐姐,
一位妹妹以及一位弟弟(刘德盛)。
刘德华获香港树仁大学颁予荣誉文学博士
刘德华获香港树仁大学颁予荣誉文学博士(7张)
感情
1986年,刘德华随香港明星足球队赴吉隆坡时,结识了朱丽倩。
2008年6月23日,刘德华与朱丽倩在美国拉斯维加斯注册结婚 [177]  。
2012年5月9日,刘德华的妻子朱丽倩生下一个女儿 [178-179]  。
学历
2006年7月,香港演艺学院第20届毕业典礼上,刘德华获颁香港演艺学院荣誉院士 [181]  。
2017年12月14日,刘德华获香港树仁大学颁予荣誉文学博士 [180]  。
<a href="#">返回顶部</a>

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>路径</title>
</head>
<body>
    <h4>相对路径</h4>
    <h4>同一级路径</h4>
    <img src="示例图片.png" />
    <h4>下一级路径</h4>
    <img src="网络图片/网络图片1.png"/>
    <img src="网络图片/网络图片2.png"/>
    <img src="网络图片/网络图片3.png"/>
    <h4>上一级路径</h4>
    <img src="../示例图片 上一级路径/示例图片.png"/>

    <h4>绝对路径 是指目录下的绝对位置,通常是由盘符开始的路径。</h4>
    <img src="D:\Visual Stadio Code Test\VSC\示例图片.png" />
    <h4>绝对路径 或是在网络中的地址。</h4>
    

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注释标签和特殊字符</title>
</head>
<body>
    <!--这是注释   简单快捷键Ctrl /  是问号那个反斜杠 -->
    <!--  -->
    <h4>特殊字符的表示</h4>
    空格符 &nbsp;
    小于号 &lt;
    大于号 &gt;
    和号 &amp;
    人民币 &yen;
    版权 &copy;
    注册商标 &reg;
    摄氏度 &deg;
    正负号 &plusmn;
    乘号 &times;
    除号 &divide;
    平方2(上标2) &sup2;
    立方3(上标3) &sup3;

</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,你可以按照以下步骤使用Python制作一个澳门地图仪表盘: 1. 下载澳门地图的GeoJSON文件。你可以在网上找到澳门地图的GeoJSON文件,或者使用Python中的geopandas库来获取澳门地图的GeoJSON文件。 2. 使用Python中的pandas库读取你的数据,并将其转换为DataFrame数据结构。 3. 使用Python中的geopandas库读取澳门地图的GeoJSON文件,并将其转换为GeoDataFrame数据结构。 4. 将你的数据和澳门地图的GeoDataFrame数据合并,以便将数据与地图绑定。 5. 使用Python中的matplotlib库绘制地图,并在地图上添加数据可视化元素,例如柱状图、饼状图或散点图。 6. 将地图保存为图片或网页,以便在网站或应用程序中展示。 以下是一个使用Python中的geopandas和matplotlib库制作澳门地图仪表盘的示例代码: ```python import geopandas as gpd import pandas as pd import matplotlib.pyplot as plt # 读取澳门地图的GeoJSON文件 macau_map = gpd.read_file('macau.geojson') # 读取你的数据,并将其转换为DataFrame数据结构 data = pd.read_csv('data.csv') # 将你的数据和澳门地图的GeoDataFrame数据合并 merged_data = macau_map.merge(data, on='id') # 绘制地图,并在地图上添加数据可视化元素 fig, ax = plt.subplots(1, figsize=(10, 6)) merged_data.plot(column='data', cmap='OrRd', linewidth=0.8, ax=ax, edgecolor='0.8') ax.axis('off') # 添加标题和注释 ax.set_title('Macau Dashboard', fontdict={'fontsize': '25', 'fontweight' : '3'}) ax.annotate('Source: Data Source',xy=(0.1, 0.08), xycoords='figure fraction', horizontalalignment='left', verticalalignment='top', fontsize=12, color='#555555') # 将地图保存为图片或网页 plt.savefig('macau_dashboard.png', dpi=300, bbox_inches='tight') ``` 你需要将代码中的`macau.geojson`和`data.csv`替换为你自己的GeoJSON文件和数据文件,并修改代码中的数据可视化元素来满足你的需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值