博客列表 >html文本标签与文本控制理解_2018年8月13日

html文本标签与文本控制理解_2018年8月13日

PHP学习
PHP学习原创
2018年09月11日 21:18:12913浏览

实例

<!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 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议