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

原创 2015年11月19日 22:04:15

初步了解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>



【南大软院大神养成计划:第一天】种下21天,收获不一样的自己——前端养成启程!

在第一天的学习小节前,想先说一说自己的经历,所谓回顾历史,面向未来....     高考完,知道自己被南大软院录取时,心里被两股情绪塞满,那股红色的是欣喜,欣喜从初中就铸下学IT的理想的我终于可以做...
  • Sonshines
  • Sonshines
  • 2015年11月16日 20:52
  • 723

南大软院大神养成计划--html css基础

第一篇博客 真是有纪念价值的一刻,本来是电脑盲的我会选择计算机专业,悲惨的打字速度也有所提高,妈妈再也不用担心我的无法与技术接轨了。再看现在参加的这个计划,由南昌大学软件学院主办的技术小白攻坚大会或...
  • hiiiji
  • hiiiji
  • 2015年11月16日 21:55
  • 104

大神养成计划第二天 --南大软院大神养成计划

今天是大神养成计划第二天,看了慕课网的div+css页面布局,明白了一个网页都是有一个个的盒模型布局构成。所以我们做一个网页前,必须先对页面进行布局。我们可以把一个网页大致分为头部header,中间部...
  • u013175229
  • u013175229
  • 2015年11月17日 21:33
  • 585

南大软院大神养成计划--day03

我从今天开始学习JSP网页编程语言,今天在主要学到的知识点是有关tomcat服务器的介绍,安装以及使用。之后介绍了其目录下的web-Inf 文件和web.xml等。今天的学习都是零碎的知识点,所以我把...
  • TimeSea
  • TimeSea
  • 2015年11月18日 23:36
  • 184

南大软院大神养成计划——第十二天

今天是南大软院大神养成计划实施的第十二天,今天学习的内容是DOM事件探秘部分的最后部分——事件类型。事件类型从来大类来分可以分为鼠标事件和键盘事件。 先说说鼠标事件,鼠标事件可以分为click,ov...
  • qq_23418043
  • qq_23418043
  • 2015年11月27日 10:58
  • 250

南大软院大神养成计划--day21

为期21天的比赛进入尾声,今天的知识也是这21天知识的总结,完成了一个不大不小的项目:购物车 。 该项目可以实现添加,删除商品,浏览客户详情信息等功能,我会编写边讲,因为刚刚完成,所以也不是很熟,我们...
  • TimeSea
  • TimeSea
  • 2015年12月06日 21:43
  • 194

南大软院大神养成计划第十一天

今天分享的代码是关于选择符的,简单写了两个,一个是if...else判断语句,另一个是switch语句,代码如下:       JavaScript function b...
  • jx370
  • jx370
  • 2015年11月26日 22:24
  • 198

南大软院大神养成计划——第七天

今天是南大软院大神养成计划实施的第七天。时间飞逝,转眼间一周就过去,这一周主要还是在复习以前的知识和查漏补缺。今天学习的知识大部分都是我以前没有接触到的新知识,所以学习速度比较慢,今天学习的内容主要是...
  • qq_23418043
  • qq_23418043
  • 2015年11月22日 18:40
  • 219

南大软院大神养成计划第九天

今天分享一段代码,效果如附图, 代码如下: /> 高度自适应的三行三列宽度固定布局 *{ margin:0; padding:0; font-size:14p...
  • jx370
  • jx370
  • 2015年11月24日 23:59
  • 211

南大软院大神养成计划——第二天

今天是南大软院大神养成计划实施的第二天,在这一天中,我学习了HTML+CSS基础教程,由于上过网页工程实训,所以对于这章内容,我更多是查漏补缺,看看自己哪里不会,然后补充知识,毕竟实训时间只有4天,讲...
  • qq_23418043
  • qq_23418043
  • 2015年11月17日 12:42
  • 376
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:南大软院大神养成计划--HTML和CSS基础课程
举报原因:
原因补充:

(最多只允许输入30个字)