zoukankan      html  css  js  c++  java
  • HTML基础-2(内容容器等)

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<style type="text/css">
    			span{
    				background-color: orange;
    			}
    			div{
    				background-color: cadetblue;
    			}
    		</style>
    	</head>
    	<body>
    		<!--h1~h6,不同标题的效果不同-->
    		<h1>今天天气不错,挺风和日丽的</h1>
    		<h2>今天天气不错,挺风和日丽的</h2>
    		<h3>今天天气不错,挺风和日丽的</h3>
    		<h4>今天天气不错,挺风和日丽的</h4>
    		<h5>今天天气不错,挺风和日丽的</h5>
    		<h6>今天天气不错,挺风和日丽的</h6>
    		<!--用p标签表示段落,p标签默认占一行-->
    		<p>我们下午去打了乒乓球</p>
    		<!--span是行内元素,内容多大就占多大-->
    		<span>然后去喝了汽水</span>
    		<!--div是块状元素,默认占一整行-->
    		<div>然后去打了皮球</div>
    		
    		
    		<!--ol是表示有序列表,type命令选择不同的序号-->
    	   <ol type="A">
    	   	 <li>土豆</li>
    	   	 <li>苹果</li>
    	   	 <li>香蕉</li>
    	   	 <li>栗子</li>
    	   </ol>
    	   
    	  <!-- ul是无序列表,style="list-style: none;"表示去掉圆点-->
    	   <ul style="list-style: none;">
    	   	<li>a</li>
    	   	<li>b</li>
    	   	<li>c</li>
    	   	<li>d</li>
    	   </ul>
    		
    		
    	</body>
    </html>
    

     效果图:

  • 相关阅读:
    WeakReference 在android中的应用
    安卓软键盘监听
    css常用布局
    centos升级vim
    修复svn hook导致的字符集错误
    centos上安装redmine
    nginx安装echo模块
    用阿里云的免费 SSL 证书让网站从 HTTP 换成 HTTPS
    tomcat配置https
    centos 升级nginx到1.10.2
  • 原文地址:https://www.cnblogs.com/zhangrui0328/p/8710912.html
Copyright © 2011-2022 走看看