南昌大学大神养成计划-第一课《html》

原创 2015年11月19日 02:03:44

这是两天后的第一次学习,也是我第一次在网上平台学习奋斗

希望和大家一起坚持到最后微笑

下面是我今天的一些总结:

一:Html和Css的关系

学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言(所入


门从HTML学起)


1:HTML——网页内容的载体,可以包含文字、图片、视频等。


      2:CSS——样式是表现,就像网页的外衣。比如,标题字体、颜色变化,或


为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。


 3:JavaScript——用来实现网页上的特效效果


二:网页的常识内容


<h1></h1>—标题     形式:<h1>......(标题).......</h1>


<p></p>—段落标准    形式:<p>..........(内容).......</p>


<img src="jpg">


三:标签的语法


1:基本形式:由英文尖括号<>括起来,如<html>


    2:标签一般都是成对出现的,分为开始和结束标签


3:标签和标签的嵌套


如<div><p>...........................</p></div>


明显,标签<p>嵌套入<div>要将其置于中间


   4:标签不区分大小写,但我们以小写为准。


四:HTML文件基本结构

一个HTML文件是有自己的固定的结构。

	<html>
    		<head>...</head>
    		<body>...</body>
	</html>
               代码解释:

1. <html></html>称为根标签,所有的网页标签都在<html></html>中。

2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title><script>、 <style><link>、 <meta>等标签,头部标签在下一小节中会有详细介绍。

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


五:对标签<head>的认识


文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包


含的数据都不会真正作为内容显示给读者。


        一般格式:

<head>
    <title>...</title>
    <meta>
    <link>
    <style>...</style>
    <script>...</script>
</head>
<titlle>标签:在<title>和</title>标签之间的文字内容是网页的标题信息,它
会出现在浏览器的标题栏中。且每个网页的内容都是不同的,每个网页都应该有一
个独一无二的title。
如<head>
    <title>I miss you<title>
</head>
将会在网页中标题栏上显示I miss you






 <!DOCTYPE HTML>
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>认识html文件基本结构</title>
    </head>
    <body>
        <h1>在本小节中,你将学会认识html文件基本结构</h1>
    </body>
    </html>


南昌大学大神养成计划第一天

南昌大学大神养成计划第一天 在南昌大学大神养成计划的第一天里,遇到了很多定西,就比如说Dreamweaver,就比如说photoshop还有HTML,css。javascript等等。但遇见不代...
  • brown_carl
  • brown_carl
  • 2015年11月17日 00:44
  • 159

南昌大学软件学院大神养成计划脚印-11.17

学习第二天,以sublime为主的功能介绍和一些使用。关于sublime的下载和主界面各个按钮的功能介绍得很详细,对这些有些了解了,看了视频很喜欢多行选择、goto等,还有tools没有具体的介绍,以...
  • ncurydsycjhwxm
  • ncurydsycjhwxm
  • 2015年11月17日 23:27
  • 372

南昌大学软件学院大神养成计划第三天

南昌大学软件学院大神养成计划第三天                我都有点受不了了,一下子遇见那么多新的东西,一直以来都是一个迟钝又懒惰的人,反应速度慢又不愿动手。繁多DREAMEAVER和subl...
  • brown_carl
  • brown_carl
  • 2015年11月18日 23:21
  • 217

南昌大学软件学院大神养成计划脚印-11.16

刚开学的时候接触了一点网页设计,但是并不深入,而且当时学习的时候只有一星期的时间,很多东西都没有很细致地去研究,现在开始有这些资源可以放慢脚步安心地真正学一些东西。 今天只是看了Dreamweav...
  • ncurydsycjhwxm
  • ncurydsycjhwxm
  • 2015年11月16日 22:55
  • 240

linux达人养成计划:Linux简介

Imooc.com下 linux达人养成计划I 课程笔记   一、版本介绍 内核官网地址:www.kernal.org不要追求最新的版本 内核版本(eg.2.6.18) (主版本.次版本...
  • suiqiji206
  • suiqiji206
  • 2016年01月02日 13:50
  • 940

Linux达人养成计划I 笔记

一.命令的基本格式命令提示符格式root@localhost ~root :当前登陆用户 localhost: 主机名. ~: 家目录, home下的二级目录 \# :当前登陆超级用户 命令格式命...
  • u010009169
  • u010009169
  • 2017年03月12日 13:29
  • 241

南昌大学软件学院21天大神养成计划之第一天学习心得

第一天花了一个多小时的时间学习了一部分web设计中的一些常用标签,让我体验到了学习web的乐趣。         在学习的众多标签中印象最深的是和,第一次知道里面是可以加上语言对它们进行编辑,然后再...
  • Uncle_Strong
  • Uncle_Strong
  • 2015年11月16日 23:13
  • 117

南昌大学软件学院21天大神养成计划_第三天学习心得体会

今天是我学习HTML和CSS的第三天了,意识到前两天我自己学习得太过浮躁了,我今天特地的做了笔记,方便自己回 忆和复习。今天主要学习了表单的使用及CSS的样式学习,我的感觉是要记好多语句啊,...
  • davidson_yang
  • davidson_yang
  • 2015年11月18日 23:29
  • 492

南昌大学软院大神养成计划----第三天编写简易网页

实践出真知,第三天为了巩固所学的知识,直接打开DW进行实践操作,制作了一个简易的网页 第一次制作 简易网页 努力成就天才 这是我第一次制作网页,只是简单的写了几句话,但是对于自己来说前进了...
  • f945396892
  • f945396892
  • 2015年11月18日 21:41
  • 250

[BZOJ4212]神牛的养成计划(trie+可持久化trie)

题目描述传送门题解这个tag好奇怪啊 首先将字符串按照字典序排序,这样有相同前缀什么的串就到一起了 然后依次将串插入一个trie,每一个点维护一下能匹配到这个点的串的左右端点 然后将每个串反过来...
  • Clove_unique
  • Clove_unique
  • 2017年03月05日 20:23
  • 596
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:南昌大学大神养成计划-第一课《html》
举报原因:
原因补充:

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