博主信息
博文 60
粉丝 1
评论 1
访问量 76461
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
html文本标签与文本控制理解_2018年8月13日
PHP学习
原创
1069人浏览过

实例

<!DOCTYPE html>
<html>
<head>
	<title>文本控制</title><!-- 定义标题 -->
	<meta charset="utf-8"><!-- 定义字符集编码 -->
</head>
<body>
<h1>h1标签</h1>
<h2>h2标签</h2>
<h3>h3标签</h3>
<h4>h4标签</h4>
<h5>h5标签</h5>
<h6>h6标签</h6>
<b>加粗标签b标签</b><!-- 文本加重标签,就是加粗标签 -->
<p>这中间是一部份的文本文<br>字,只提显出p标签的作用</p>
<br>
<br><!-- 换行标签 -->
<i>斜体标签</i>
<em>着重标签</em>
<del>定义删除标签</del>
<span>399</span><del>499</del>
<pre>预格
式      文本</pre>
<strong>php中文网</strong><!-- 文本加重标签,就是加粗标签 -->
<!-- 块级元素是独占一行,自带换行,对宽高设置生效。
常见的块级元素:div h1-h6 p 独占一行,对宽高的属性值设置生效。
行内元素:特点共存一共,对宽高设置不生效。
行内块元素:结合了块级以及行内的特点。

行内块级元素互相转换:display:inline;将块级元素转换成行内元素。
                    display:inline-block;将块级元素转换成行内块元素。
                    display:block;将行内元素转换成块级元素。  -->  
</body>
</html>

运行实例 »

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

1、块级元素分为行块级元素、行内块级元素

2、块级元素可以互相转换,转换用display这个CSS标签来转换。

     (1)display:inline;将元素转换成行内块级元素。如果转换成行内块级元素,可以其它行内元素共存一行,对宽高设置生效。

     (2)display:linline-block;将行内块级元素转换成块级元素。如果转换成块级元素,将独占一行,对宽高属性设置生效。

     (3)display:block;将块级元素转换成行内块级元素。如果转换成行内块级元素,可以与其它行内块级元素共存一行。对宽高属性设置也生效。

作业案例:

实例

<!DOCTYPE html>
<html>
<head>
	<title>案例作业</title>
	<meta charset="utf-8">
	<style type="text/css">
		
	</style>
</head>
<body>
<h1>黄晓明出借账户被卷股票操纵案 知情人:账户未冻结</h1>
<p><span style="font-size: 12px; color: #000;">2018-08-13 21:18</span><span style="font-size: 12px;">来源:搜狐娱乐</span><span style="font-size: 12px; text-align: right;">黄晓明</span></p>
<h2 style="font-size: 15px;">原标题:黄晓明出借账户被卷股票操纵案知情人:账户未冻结</h2>
<img style="text-align: center;" src="1.png">
<p style="text-align: center;">黄晓明(资料图)</p>
<p>(来源:财新报)</p>
<p>搜狐娱乐讯8月13日,据财并把报道,记者证实,证监会刚刚公布的获利近9倔元,罚没款离达18倔元的高勇股票操纵案中的自然人账户之一确实为影视明星黄晓明下帐户。</p>
<p>而接近监管层的人士表示,这些自然人的账户所有人如果仅仅是出借账户,并不知道账户被利用进行操纵,这些账户也不会被冻结。</p>
<p>……………………</p>
</body>
</html>

运行实例 »

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

作业案例几个问题,请老师帮解答一下:

1、为什么图片我用的居中的font-align:center;为什么没有法居中。

2、有些字体没有法让所有的东西一次都居中呢,有没有方法。

3、请老师帮看一下,我写的这个作业,有哪些地方 是错的。我感觉我只能写到这种程度了。


批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系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+教程免费学