编写实例:使用HTML标签完成《楚乔传》网页练习
扩展:点击集数跳转到详细介绍
1、<h1>~<h6> 标签被用来定义 HTML 标题。<h1> 定义重要等级最高的标题。<h6> 定义重要等级最低的标题。(数字越大字体越小)
2、<p> 标签定义段落。
<p>输入段落</p>
3、<img>在网页中插入图片:
<img src="1.jpg" height="" width="">
4、<font> 规定文本的字体、字体尺寸、字体颜色。
<font size="3" color="red"></font>
或者
<style="font-size:12px">
5、
<a> 标签定义超链接,用于从一张页面链接到另一张页面。<a> 元素最重要的属性是 href 属性,它指示链接的目标。
<a href="#1">第1集</a>
6、d 属性规定 HTML 元素的唯一的 id。id 在 HTML 文档中必须是唯一的。id 属性可用作链接锚(link anchor)
源代码如下:
<!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>
<h2>楚乔传</h2><!--插入主标题-->
<p>中国大陆 67集(TV版)/58集(DVD版)</p><!--换行/终结符号-->
<p>
《楚乔传》是由慈文传媒、蜜淘影业、克顿传媒联合出品的女性励志传奇古装剧。由吴锦源执导,嘉纹、杨涛、陈岚编剧,赵丽颖、林更新、窦骁、李沁领衔主演,邓伦、金士杰特邀出演,王彦霖、牛骏峰、黄梦莹、田小洁、孙宁、金瀚、邢昭林、曹曦月、朱圣祎、阮圣文、李若嘉、苗苗等联合出演。[1]
该剧改编自潇湘冬儿小说《11处特工皇妃》,讲述了西魏乱世中,一个特立独行的女奴楚乔,在协助建立新政权过程中关于守护、背叛、信仰、爱情的故事。
</p>
<img src="1.jpg" height="15%" width="30%"/><!--插入人物图片-->
<p style=