南大软院大神养成计划--HTML和CSS基础课程

frosting _sky

于 2015-11-19 22:04:15 发布

阅读量368

点赞数

分类专栏：前端心得

本文链接：https://blog.csdn.net/frosting_sky/article/details/49934725

版权

1 篇文章 0 订阅

订阅专栏

初步了解HTML

准确来说今天是自主学习的第二天，选择了基础的课程html。在今天的学习过程中也感到了计算机语言的优美，个人感觉它还是非常有趣的。简要记录一些今天个人所学和所得。

认识Html的文件基本结构

1.<html></html>称为跟标签，所有的网页标签都在其中。

2.<head>标签用于定义文档的头部，它是所有头部元素的容器。头部元素有<title>,<script>,<style>,<link>,<meta>等标签。<title>和</title>之间的内容是网页的标题信息，它会出现在浏览器的标题栏中。

3.在<body>和</body>标签之间的内容是网页的主要内容，如<h1>,<p>,<a>,<img>等网页内容标签，在这里的标签中的内容都会在浏览器中显示出来。

<html>
   <head>...</head>
    <body>...</body>
 </html>

<span style="font-size:18px;"><strong>表格标签 table 认识网页上的表格</strong></span>

创建表格的四个元素 table tbody tr th td

1.<table>...</table>：整个表格的开始结束

2.<tbody>...</tbody>：表格内容非常多时会下载一点显示一点，加入<tbody>之后表格内容全部下载之后才显示。

3.<tr>...</tr>：表格中的一行，有几个tr标签就有几行。

4.<td>...</td>：表格中的单元格，有几个td标签就有几列。

5.<th>...</th>：表格表头，此标签文本默认为粗体剧中。

<strong><span style="font-size:18px;">超链接</span></strong>

<a>标签 链接到另一个页面，使用<a>标签可实现超链接。

语法：<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>（此链接默认在当前浏览器中打开）

  title属性的作用，鼠标滑过连接文字时会显示这个属性的文本内容。

语法：<a href="目标网址" target="_blank">click here</a>(此链接在新窗口打开）

<span style="font-size:18px;"><strong>其他：注意标签的用途，标签在浏览器中的样式</strong></span>

关注

专栏目录