HTML+CSS基础篇(一)——认识标签

(一)、认识标签1
1、<body>标签,网页上显示的内容放在这里
2、<p>标签,添加段落
3、<h[1-6]>标签,为你网页添加标题
4、<span>标签,为文字设置单独样式
5、<q>标签,双引号""短文本"
6、<blockquote>标签,缩进样式显示长文本
7、<br>标签,换一行显示文本
8、    空格
9、<hr>标签,添加水平横线
10、<address>标签,为网页加入地址信息
11、<code>标签,加入一行代码
12、<pre>标签,为网页加入大段代码

(二)、认识标签2

1、<ul>标签,添加列表;ul-li是没有前后顺序的信息列表
<ul>
  <li>精彩少年li>
  <li>美丽突然出现li>
  <li>触动心灵的旋律li>
ul>
2、<ol>标签来制作有序列表来展示。
<ol>
   <li>前端开发面试心法 li>
   <li>零基础学习htmlli>
   <li>JavaScript全攻略li>
ol>
3、<div>标签,可以把一些独立的逻辑部分划分出来,相当于一个容器
4、table、tbody、tr、th、td,创建表格的四个元素
    a、当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示
    c、<tr>标签表示表格的一行
    d、<th>标签表示表格的头部的一个单元格,表格表头
    e、<td>标签表示表格的一个单元格,一行中包含几对<td>...td>,说明一行中就有几列
<table>
  <tbody>
    <tr>
      <th>班级th>
      <th>学生数th>
      <th>平均成绩th>
    tr>
    <tr>
      <td>一班td>
      <td>30td>
      <td>89td>
    tr>
  tbody>
table>
5、caption标签,为表格添加标题和摘要
(三)、认识标签3
1、<a>标签,链接到另一个页面
    a、语法
    <a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本a>
    b、新建浏览器窗口中打开链接
    <a href="目标网址" target="_blank">click here!a>
    c、<mailto>标签表示在网页中链接Email地址
【注意】如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。
<a href="mailto:[email protected][email protected]&subject="观了不起的盖茨比有感。&body=你好,对此评论有些想法。>对此影评有何感想,发送邮件给我a>

HTML+CSS基础篇(一)——认识标签_第1张图片

3、<img>标签,为网页插入图片
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

来源: http://www.imooc.com/learn/9

你可能感兴趣的:(HTML+CSS基础篇(一)——认识标签)