初学HTML

今天在MOOC上学了HTML基础中的基础

有了点表面的认识

很喜欢MOOC这样的教学方式

赞一个

下面是一些自己的笔记和感想:

准备考研

现在感觉时间还算充裕

想学点web前端开发基础

下面是需要掌握的基础技术:

1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

 

初学文本标记语言,感觉html真的并不难,不知道是不是学得太浅了,mooc上的HTML没多少工夫就看完了,看完下来感觉蛮简单的,就是好多要记。。。

标签的用途:我们学习网页制作时,常常会听到一个词,语义化。那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理)比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用 em 标签表示强调等等。

还是直接上程序吧,教程什么的不会写。。。

  1 <!DOCTYPE HTML>
  2 <html>
  3     <head>
  4         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5             <title>Vin Diesel</title>
  6         <style>
  7             pan{
  8                 color:purple;
  9                 }
 10         </style>
 11     </head>
 12
 13     <body>
 14         <h1>Vin Diesel</h1>
 15         <!--不识别回车和空格-->
 16          <br>
 17          <div id="个人简介">
 18          <hr>
 19         <h2>个人简介</h2>
 20         <br>
 21          <img src="http://p14.qhimg.com/dr/360_210_/t01aefc8fc255c8618e.jpg" >
 22          <br>
 23         <br><strong>&nbsp;&nbsp;范·迪塞尔</strong>(Vin Diesel),1967年7月18日出生于美国纽约,美国电影演员,制片人。</br>
 24         <br>&nbsp;&nbsp;1999年,自制短片担任演员参加戛纳电影节得奖,并得到大导演史蒂文·斯皮尔伯格赏识邀请其参加战争片《拯救大兵瑞恩》的演出。在出演《速度与激情》系列电影后成为好莱坞明星。2005年,他出演喜剧片《神勇奶爸》。2009年,他主演的《速度与激情》上映。2011年,他主演的《速度与激情5》在上映。2013年5月,迪塞尔主演的<pan><strong>《速度与激情6》</strong></pan>在美国上映;同年12月,迪塞尔确定加入《银河护卫队》,饰演“树精格鲁特”。</br>
 25         <br>&nbsp;&nbsp;2015年,范·迪塞尔收入4700万美元,居福布斯全球演员富豪榜排名第三位。</br>
 26
 27         </div>
 28         <div id="基本信息">
 29          <br>
 30          <br>
 31          <hr>
 32          <h2>基本信息</h2>
 33          <ul>
 34             <li>出生日期&nbsp;1967年7月18日</li>
 35             <li>出&nbsp;&nbsp;生 &nbsp;美国纽约</li>
 36             <li>体&nbsp;&nbsp;重 &nbsp;255磅</li>
 37             <li>身&nbsp;&nbsp;高 &nbsp;6feet</li>
 38             <li>代表作品&nbsp;&nbsp;《星际传奇》、《极限特工》、《速度与激情》系列电影</li>
 39
 40          </ul>
 41          <blockquote>&nbsp;&nbsp;1967年,迪塞尔出生于美国纽约州纽约市。他生来就是一张浅黑色、神秘兮兮的脸,外加一副低沉的嗓音,外型看上去像个足球运动员多过像演员。[2]  他自己称是“绝对是有色人种”,并且认为“可能具有意大利血统或其他血统”。迪塞尔从没有见过自己的亲生父亲,而是由非洲裔美国人继父欧文抚养大的,欧文是一个剧院经理和演员,而母亲是占星术士。<br>
 42 &nbsp;&nbsp;在他7岁的时候,他和他的朋友决定侵入剧院并破坏它。但却立刻被一个工作很晚的妇女捉住了。幸运地,她并没有叫警察,而是给了他们每人一本剧本和20美元,条件是他们在每天放学以后必须在这里出现。从那里以后迪塞尔的演艺事业开始从他继父负责操行的纽约多剧目剧团里获得进步,并发展到非百老汇戏剧界。迪塞尔的童年一直在剧院工作。他想为他成为好莱坞演员梦想而放弃高中。然而鉴于他父亲的意见,他改变了主意并且决定完成他的学业。他在17岁时已经拥有了很好的体格,并成为了一些纽约俱乐部的保镖。在这个时候他把名字改成了“范·迪塞尔(Vin Diesel)”。<br>
 43 &nbsp;&nbsp;高中毕业以后,他被亨特学院录取,他在学校主修英语编剧。在学院学习三年后,他决定离开学院,去做他自己的电影。于是他带着能沉浸在他的艺术世界里做剧院演员的信仰奔向了洛杉矶。但是作为一个经验丰富的剧院演员,他没有在洛杉矶给人留下深刻印象。一年后,他去做了电话推销的工作。在电话推销工作成功以后,迪塞尔决定返回到纽约,继续他的保镖工作,并开始创造他自己的短剧。当时他的母亲给了他一本名为《低廉的成本在长片中的运用》(FeatureFilmsatUsedCarPrices)的书。书里告诉了他能够控制他的事业并拍成他自己的电影。他开始为他的第一个电影写剧本,但却是没有方向的,但在一年以后却因经费不足而无法运营他的计划。</blockquote>
 44
 45
 46
 47
 48         </div>
 49         <div id="调查">
 50         <br>
 51         <hr>
 52         <h2>调查问卷</h2>
 53         <br>
 54
 55
 56
 57         <form method="post" action="save.php">
 58             姓名
 59             <input type="text" name="name">
 60             <br>
 61             <br>
 62             性别
 63             <select>
 64                 <option value="男">男</option>
 65                 <option value="女">女</option>
 66             </select>
 67             <br>
 68             <br>
 69             学校
 70             <input type="text" name="school">
 71             <br>
 72             <br>
 73             你知道Vin Diesel吗?<br>
 74             知道
 75             <input type="radio" name="1" value="知道">
 76             不知道
 77             <input type="radio" name="1" value="不知道">
 78             <br><br>你看过速度与激情系列吗?<br>
 79             看过
 80             <input type="radio" name="2" value="看过">
 81             没看过
 82             <input type="radio" name="2" value="没看过">
 83             <br><br>下面谁比较帅?<br>
 84             Paul Walker
 85             <input type="radio" name="3" value="Paul Walker" checked="checked">
 86             Vin Diesel
 87             <input type="radio" name="3" value="Vin Diesel">
 88             <br>
 89             <br>
 90
 91         </form>
 92
 93
 94         <form>
 95         你对本网站的建议及意见:
 96         <br><br>
 97         <textarea cols="80" rows="20">在此输入内容</textarea>
 98         <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>
 99         <input type="submit" name="submitbutton" value="提交">
100         </form>
101
102
103         </div>
104
105
106
107          <address>Tel:18712708653</address>
108          <a href="http://baike.baidu.com/link?url=PsySOISu2lt3jFbTOuyoo51WNDmxr8MtA1Dczh5bvVSZQnhUmpWWm1xpbBt8R6aP1W15bMffhpQFv3yLeEVUoq" title="罗帆真帅">Next Page</a>
109     </body>
110 </html>
时间: 2024-08-02 19:16:14

初学HTML的相关文章

STM32初学Keil4编译时出现 Error:Failed to execute &#39;BIN40/Armcc&#39;

一种是在系统开始--运行里输入cmd,查看armcc状态.详情见推文: http://blog.csdn.net/hicui/article/details/7350805(笔记记录,请勿见怪) 都没有问题的话,那么可以尝试: 在keil里的菜单栏依次选择Project->Manage->Components,Environment andBooks(CEB)(或者直接点击工具栏的图标), 然后在CEB里选择Folders/Extensions标签页,在RealView Folder里选择ke

mongodb 初学 目录

mongodb 初学 索引 啦啦啦 MongoDB 教程 NoSQL 简介 MongoDB 简介 Windows 平台安装 MongoDB Linux平台安装MongoDB mongodb 在 Ubuntu系统上的安装及卸载 Mongodb启动命令mongod参数说明 Mac OSX 平台安装 MongoDB MongoDB 概念解析 MongoDB - 连接 MongoDB 创建数据库 MongoDB 删除数据库 MongoDB 插入文档 MongoDB 更新文档 MongoDB 删除文档 M

初学ArcGIS API for JavaScript

初学ArcGIS API for JavaScript 对于初学者来说,关于esri提供的一些样式和dojo自带的一些样式还是需要有一定的了解,这块在<WebGIS开发从基础到实践>讲解的特别详细,在这里以笔记的形式来帮助自己加以理解和记忆. esri.css样式主要用于ESRI提供的小部件与组件,比如地图.信息框等.此外,还可以引用Dojo提供的样式表,Dojo提供了4组样式,分别是claro\tundra\soria以及nihilo,每种是一组定义用户界面的字体.颜色与大小等设置.在Arc

初学 Python(十一)——切片

初学 Python(十一)--切片 初学 Python,主要整理一些学习到的知识点,这次是切片. #-*- coding:utf-8 -*- ''''' 切片 ''' L = ['name','age','sex','address','company'] #取前2个 print L[0:2] print L[:2] #取倒数第一个 print L[-1] #取后两个 print L[-2:] #取倒数第二个 print L[-2:-1] print len(L) #隔一个数取一次,从第一个数开

【Python】初学编程适合学Python?其有何用?

初学编程适合学Python?其有何用? 作者:白宁超 2016年10月4日19:59:39 摘要:python语言俨然不算新技术,七八年前甚至更早已有很多人研习,只是没有现在流行罢了.之所以当下如此盛行,我想肯定是多因素造成了,当然市场需求的重要因素.吴军博士对大数据流行的解释与python流行或许有些默契.数据一直以来都存在,只是在历史条件下,由于计算性能和技术发展的原因,与之匹配的数据处理技术还不是很先进,以至于很多数据被我们舍弃了.同样,python语言简洁流畅等多种优点,也会让第一次接触

初学jsp

编写网页的语言有ASP,PHP,JSP三种,但jsp是其中功能最强大,却也最复杂的语言,小学期在老师的带领下我初步认识了这种语言,虽然对这种语言有了初步的了解,但离精通还离得很远,很多时候都跟不上老师的节奏,第一次接触这门语言确实是一个很痛苦的过程,老师讲的东西也掌握的不是很好,但总算还是小有所获,我知道想掌握这门语言还有很长的一段路要走,在这里就分享一下我的初学心得. SP就是Java,只是它是一个特别的Java语言,加入了一个特殊的引擎,这个引擎将HTTPServlet这个类的一些对象自动进

Mysql初学入门

最近花了两个晚上研究了一下Mysql的初学应用,在此进行整理记录. 1.Windows系统下的安装 我用的是win10系统,在http://dev.mysql.com/downloads/mysql/ 下载相应版本的Mysql,下载后进行解压即可. 下载好后,进行安装,安装及配置步骤参照http://jingyan.baidu.com/article/f3ad7d0ffc061a09c3345bf0.html . 安装好后,在DOS下输入 net start mysql并回车会启动mysql服务

初学github

初学github 这两天初学了一下github,学会了如何在github上创建一个仓库,并向仓库中将写的程序push到仓库中.在这里做一个小结. git和github 首先说说什么是git什么是github. git Git是一个开源的分布式版本控制系统,它可以有效.高速的处理从很小到非常大的项目版本管理.相信很多人都有过这样的遭遇:我写好了一版代码,然后发现有个地方写的不太对,然后开始修改代码,改了一大片.改完之后运行,然后发现,修改之前的某个函数还需要用,这时候又不能疯狂ctrl+z退回去,

Python初学的易犯错误

当初学 Python 时,想要弄懂 Python 的错误信息的含义可能有点复杂.这里列出了常见的的一些让你程序 crash 的运行时错误. 1)忘记在 if , elif , else , for , while , class ,def 声明末尾添加 :(导致 “SyntaxError :invalid syntax”) 该错误将发生在类似如下代码中: ? 1 2 if spam == 42     print('Hello!') 2)使用 = 而不是 ==(导致“SyntaxError: i