博主信息
博文 25
粉丝 0
评论 0
访问量 24273
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
新闻列表跳转
moonheart的博客
原创
972人浏览过

实例

<!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>

运行实例 »

点击 "运行实例" 按钮查看在线实例

微信截图_20190314103138.png微信截图_20190314103218.png

批改状态:未批改

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学