我的html学习——第四天
来源:互联网 发布:23号端口 编辑:程序博客网 时间:2024/05/22 00:27
<html>
<body>
<body>
<head>
<style>
.cities{
background-color:black;
color:white;
margin:20px;
padding:20px;
}
span.red{
color:red;
}
</style>
</head>
<style>
.cities{
background-color:black;
color:white;
margin:20px;
padding:20px;
}
span.red{
color:red;
}
</style>
</head>
2016/11/21
<hr/>
<p style="font-family:arial;color:green">
无序列表<br/>
有序列表<br/>
定义列表
</p>
无序列表<br/>
有序列表<br/>
定义列表
</p>
<h4>一个无序列表</h4>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
<h4>一个square项目符号列表的无序列表,type=“square”(disc,circle,)</h4>
<ul type="square">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ul>
<ul type="square">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ul>
<h4>一个有序列表</h4>
<ol>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ol>
<h4>一个有序列表,从50开始计数</h4>
<ol start="50">
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ol>
<ol start="50">
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ol>
<h4>一个小写罗马字母列表,type="i"(大写子母列表“A”,小写字母列表“a”,大写字母列表“Ⅰ”,小写罗马字列表“i”)<br/>
<b>注意</b><br/>代码是嵌套在“li”里的</h4>
<ol type="i">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ol>
<b>注意</b><br/>代码是嵌套在“li”里的</h4>
<ol type="i">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ol>
<h4>一个嵌套列表</h4>
<ol>
<li>咖啡</li>
<li>茶
<ul>
<li>绿茶</li>
<li>红茶
<ol type="a">
<li>中国茶</li>
<li>非洲茶</li>
</ol>
</li>
</ul>
</li>
<li>牛奶</li>
</ol>
<ol>
<li>咖啡</li>
<li>茶
<ul>
<li>绿茶</li>
<li>红茶
<ol type="a">
<li>中国茶</li>
<li>非洲茶</li>
</ol>
</li>
</ul>
</li>
<li>牛奶</li>
</ol>
<hr/>
<p style="font-family:arial;color:green">
1.大多数 HTML 元素被定义为块级元素或内联元素。<br/>
2.块级元素在浏览器显示时,通常会以新行来开始(和结束)。(例子:h1, p, ul, table)<br/>
3.内联元素在显示时通常不会以新行开始。(例子:b, td,a, img)<br/>
4.HTML 的div 元素是块级元素,它是可用于组合其他 HTML 元素的容器。<br/>
5.HTML 的span 元素是内联元素,可用作文本的容器。<br/>
</p>
1.大多数 HTML 元素被定义为块级元素或内联元素。<br/>
2.块级元素在浏览器显示时,通常会以新行来开始(和结束)。(例子:h1, p, ul, table)<br/>
3.内联元素在显示时通常不会以新行开始。(例子:b, td,a, img)<br/>
4.HTML 的div 元素是块级元素,它是可用于组合其他 HTML 元素的容器。<br/>
5.HTML 的span 元素是内联元素,可用作文本的容器。<br/>
</p>
<hr/>
<p style="font-family:arial;color:green"> 对 HTML 进行分类(设置类),能够为元素的类定义 CSS 样式。为相同的类设置相同的样式,或者为不同的类设置不同的样式。<br/>
<b>注意</b><br/>此处cities前有“.”</p>
<b>注意</b><br/>此处cities前有“.”</p>
<h1>我的<span class="red">重要的</span>标题</h1>
<div class="cities">
<h2>london</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
<p>Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.</p>
</div>
<h2>london</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
<p>Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.</p>
</div>
<div class="cities">
<h2>Paris</h2>
<h2>Paris</h2>
<p>Paris is the capital and most populous city of France.</p>
<p>Situated on the Seine River, it is at the heart of the 蝜e-de-France region, also known as the r間ion parisienne.</p>
<p>Within its metropolitan area is one of the largest population centers in Europe, with over 12 million inhabitants.</p>
</div>
</div>
</body>
</html>
0 0
- 我的html学习——第四天
- Html+Css学习第四天
- HTML学习的第四 五 六天总结
- 2017/2/20 学习html的第四天
- 我的iOS学习历程 - OC第四天
- 我的caffe学习之路<第四天>
- 学习HTML+CSS的第四课笔记!
- 我的html学习——第五天
- 我的html学习第六天
- html学习第四天以及css初识
- 人生苦短,我用Python 学习笔记——第四天
- 我的HTML学习笔记
- apue学习第四天——第一章的其它内容
- html的第四课
- 【HTML学习】第四章 更丰富的内容标记方法
- 我的第四天:错误总结
- 我的android(第四天)
- 我的IMUz之路第四天
- Android设计模式之策略(接口interface)
- JAVA重点备忘
- Elasticsearch5常见问题汇总
- IntelliJ 13,pom报错cannot reconnect
- thinkphp实现根据页码从数据中获取数据,并实现分页
- 我的html学习——第四天
- Android数字选择器-NumberPicker
- javaweb的实体标签
- activiti 流程实例设置名称
- 第九章代码
- linux 线程同步
- 关于指针和右左法则练习
- 测量
- 设计相关6--观察者模式