- 认识基本的标签,<head>头 </head>,<body> 体 </body> ,<p> 段落</p>, <div> 标签块</div> ,<strong> 加粗加重</strong> , <em> 倾斜 </em>,
<span>换行 </span> 特殊情况如下:
<span> 标签不换行默认只针对英文有效 如果想对中文设置有效加入下面属性 style="white-space:nowrap;"
例如:
<span style="white-space:nowrap;">你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你</span>
<span >aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</span>
时间: 2016-06-22
- 基本格式 : 前缀头什么的 ,可写可不写 ,一般要写 , 规范起见.
<title> 这是标题啊</title>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> p标签</title>
</head>
<body>
<p>一.不能怎么样</p>
<p>二.应该怎么样 </p>
<p>三.还能怎么样</p>
<p>四.就是这样,very nice! </p>
</body>
</html>
- 设置样式,<span>标签是没有语义的,它的作用就是为了设置单独的样式用的。
4.在html代码中输入空格、回车都是没有作用的。要想输入空格,必须写入
标签,添加水平横线
- 一般网页中会有一些网站的联系地址信息需要在网页中展示出来,这些联系地址信息如公司的地址就可以<address>标签。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。
语法:
<address>联系地址信息</address>
默认是倾斜的样式,可以根据<address></address>这个标签修改样式
7.加入代码 : <code> </code>
多行代码语法:
<pre>语言代码段</pre>
<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
- 无序列表
这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。
语法:
<ul>
<li>信息</li>
<li>信息</li>
......
</ul>
举例:
<ul>
<li>精彩少年</li>
<li>美丽突然出现</li>
<li>触动心灵的旋律</li>
</ul>
ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点,如下图所示:
9 . 有序列表
语法:
<ol>
<li>信息</li>
<li>信息</li>
......
</ol>
举例:
下面是一个热点课程下载排行榜:
<ol>
<li>前端开发面试心法 </li>
<li>零基础学习html</li>
<li>JavaScript全攻略</li>
</ol>
<ol>在网页中显示的默认样式一般为:每项<li>前都自带一个序号,序号默认从1开始
10 . 在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器。
语法:
<div>…</div>
- 表格的摘要和标题:
摘要
摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
语法:<table summary="表格简介文本">
标题
用以描述表格内容,标题的显示位置:表格上方。
语法:
<table>
<caption>标题文本</caption>
<tr>
- 加入链接标签:\
使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。
语法:
<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
例如:
<a href="http://www.imooc.com" title="点击进入慕课网">click here!</a>
在新窗口中打开网页
<a>标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。
如下代码:
<a href="目标网址" target="_blank">click here!</a>