实例
<!DOCTYPE html>
<html>
<head><!-- 文档头部 head head内部的元素可以引用脚本、样式表、为网页提供元信息 -->
<title>学习WEB第一节课</title><!-- 文档头部标题 -->
<meta charset="utf-8">
<!-- 不允许用户缩放 -->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<!-- 引入外部文件(link) -->
<link rel="stylesheet" type="text/css" href="style.css">
<!-- rel:规定当前文档与被链接文档之间的关系-->
<!-- type:定义被连接文档的类型 -->
<link rel="icon" type="image/x-icon" href="favicon (1).ico"><!-- 引入头部logo-->
<style type="text/css">
/*内部样式*/
*{margin:0;padding: 0; }
p{
width:400px;
text-indent:2em;/*首行缩进*/
}
div{
width: 300px;
height: 20px;
background: #f2f2f2;
/*white-space 规定如何处理元素内的空白*/
white-space:nowrap; /*文本不会换行 */
/*overflow 属性规定当内容溢出元素框时发生的事情*/
overflow: hidden; /*超出部分隐藏*/
/*text-overflow (css3)属性规定当文本溢出包含元素时发生的事情*/
text-overflow:ellipsis;/* 用省略符号来代表被修剪的文本*/
}
</style>
</head>
<body>
<!-- 页面中常用文本元素 -->
<!-- 标题是通过 <h1> ~ <h6> 标签进行定义的 -->
<h1>第一个标题标签</h1>
<h2>第一个标题标签</h2>
<h3>第一个标题标签</h3>
<!-- 段落是通过 <p> 标签定义的-->
<p>***在慰问电中表示，惊悉埃塞俄比亚航空公司一架客机失事，造成包括埃塞俄比亚、肯尼亚、中国公民在内的重大人员生命损失，我谨代表中国政府和中国人民，并以我个人的名义，向遇难者表示沉痛的哀悼，<br>向遇难者家属表示深切的慰问。相信埃塞俄比亚政府能够有效做好善后工作，中方将提供必要的支持和帮助。
</p>
<b>加粗文本</b>
<br>
<small>小号字体</small>
<br><!-- 定义换行 -->
<hr> <!-- 定义水平线 -->
<!-- 文本格式化(b\del\) -->
<strong>定义加重语气</strong>
<del>定义删除字</del>
<br>
<del>599元</del><b>399元</b>
<p> <abbr title="HyperText Markup Language"> html</abbr>(超文本标记语言)</p>
<!-- 页面中常用文本属性: -->
<!-- 首行缩进(text-indent) -->
<!--网页中的链接:a-->
<!-- <a href="地址"></a> -->
<a href="http://www.php.cn/" target="_blank"> php中文网</a>
<div><a href="作业1-新闻列表的跳转.html" target="_blank" style="text-decoration: none;">魔方公寓获得1.5亿美元D轮融资，未来将运营人才公寓和公租房 | 钛快讯</a></div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
