南大软院大神养成计划--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>



相关文章推荐

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

今天主要学习了关于CSS样式的一些基本知识。CSS全称为“层叠样式表(Cascading Style Sheets)“,它主要用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。使...

南大软院大神养成计划--第一天学习HTML+CSS的基础归纳

其实前天晚上注册开始学的,大一网页算辅修课,玩了几下只,现在忘得差不多了,现在有机会把它捡起来了,哈哈!! 从头慢慢看过来,与去年相比,发现老师讲还不如在这个网站自学。老师开课直接跳过基础,发个PP...

南大软院大神养成计划--第二天学习CSS的基础归纳

总算学完了基础,虽然以前学过,但还是认真看完了每一章,加深了各个基本元素的认知程度。 以前做网页作业总喜欢建立一个div标签在css里设置div{display:block; position:abs...

【南大软院大神养成计划:第十天】久违了,JavaScript——入门篇(二)

今天把《JS入门篇》课程完成了,今早取快递路上思考人生时,粗略算了算,前端工程师课程总共700+节,21天学完需要每天完成37节,这样算当然不是很科学,但是也一定程度上体现了学习任务的并不轻松。  ...

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

和很多人不一样,我在此之前是并没有过接触过任何web设计的编程语言的。可能就是因为这样,当今天看见imooc上的代码时,会有点不太适应。是的,我没想到过,居然可以在浏览器里写程序,这确是打破了我之前的...

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

今天是南大软院大神养成计划实施的第九天,今天学习的主要内容是DOM探索之基础详解篇的剩余两章内容,最后两章内容主要讲解的是“如何判断节点元素类型”和“继承层次和嵌套规则”。 先讲讲“如何判断节点元素...

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

今天学习的是Servlet路径跳转。 1: 使用相对地址(小例子) : 这里面用的是相对路径访问HelloServlet。 这里面的servlet是工程的包名,HelloServlet是类名,这里注意...
  • TimeSea
  • TimeSea
  • 2015年12月02日 13:37
  • 187

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

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

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

今天开始学JavaScript (以下是归纳) JavaScript document.write() 输出内容(相当C语言里的printf) var 变量名 ...

南大软院大神养成计划--网站

(1)在制作之前进行首页布局分析,弄清盒子之间的关系,分为顶部,LOGO区,导航区,大图广告区,之后一般分为3个区按功能规划,底部版权区。(2)页面头部制作,分析头部结构,分析盒子结构,根据功能设计样...
  • hiiiji
  • hiiiji
  • 2015年12月03日 21:20
  • 152
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:南大软院大神养成计划--HTML和CSS基础课程
举报原因:
原因补充:

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