2017/2/16 学习html的第二天
来源:互联网 发布:r studio for mac 编辑:程序博客网 时间:2024/06/06 03:34
昨天学习了标记的分类、结构、图片路径和标记的使用。我今天又学习了新的东西,题目以一片新闻报道为例:
首先,一篇报道要有一个标题和日期和时间:
1、标题(由大到小)
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<h1 align="left></h1> <--对齐方式--> conter 居中 right 居右
2、字体
<font size="1" <--字体大小-->
color="#ffffff" <--字体颜色--></font>
3、换行标签
<br /> <--使两个段落之间有更大的间隔-->
4、段落标签
<p></p> <--使句子形成一段一段的-->
5、水平线
<hr></hr>
<hr width="值" <--可以自己设置固定大小,也可以设置成百分比大小-->
align="left" <--对齐方式--> conter 居中 right 居右
color="#ffffff" <--颜色--></hr>
6、语义化
(1)<b>粗体</b>
(2)<i><斜体</i>
(3)<em>斜体</em> <--强调!不能在同一页面使用多次,表现形式是斜体-->
(4)<strong>粗体</strong> <--强调!不能在同一页面使用多次,表现形式是粗体-->
(5)<u>下划线</u>
(6)<big>字体变大</big>
(7)<small>字体变小</small>
(8)<pre>预格式化</pre> <--在编写的过程中是什么样在网页中就是什么样-->
(9)<s></s> <del></del>(推荐使用这个) <--两个都是删除线-->
(10)<sup>上标</sup>
<sub>下标</sub>
(11)<ol>有序</ol>
<ul>无序</ul>
<li>列表项目</li>
7、图片
<img src="图片路径" alt="文本替换图片"
title="鼠标经过时显示的文本"
align="" />align="" left right top bottom middle <--针对周边文本对齐-->
8、链接
<a href="值" 网站的网址
target="打开方式" target="_self" 打开方式(当前窗口) target="_blank" (在新窗口打开)
9、锚点
<a name="1" >锚点</a> 设置一个锚点
也可以这样 <a id="1">锚点</a>
<a href="#1">找到锚点</a> 然后根据设置锚点的名字或者ID来找到设置的这个点上
也可以跨页面的设置和寻找,比如我在当前页面的另一个网页上设置了锚点:
例如:game.html上设置了<a id="1"></a>
已经知道这个网页是在当前页面的同一个位置:
<a href="game.html#1">找到锚点</a>
- 2017/2/16 学习html的第二天
- html第二天的学习
- HTML学习第二天
- 学习HTML第二天
- HTML第二天学习
- 学习html的第二课
- 学习html5第二天--html
- Html+CSS 学习第二天
- HTML--学习笔记第二天
- Html+Css学习第二天
- HTML第二天学习笔记
- 学习HTML+CSS的第二课笔记!
- html路上的第二天
- 学习PHP第二天HELLO HTML
- 第二天的学习
- 学习的第二天
- 学习的第二天
- 第二天的学习
- 【设计模式】Iterator模式
- Android图片缓存之初识Glide
- SQL_2th_T-SQL语句介绍和语法初识
- 抓住那头牛(广搜)
- C语言—经典题目
- 2017/2/16 学习html的第二天
- Spring Boot中使用Spring-data-jpa
- Linux中线程和进程的区别
- Git 入门学习
- Java TagSupport实现Web非权限验证标签
- axure新手入门基础二
- 我的html-body内的标签
- 用ust-10lx激光雷达玩转谷歌cartographer
- 按钮添加边框