初学HTML

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了初学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>

 

以上是关于初学HTML的主要内容,如果未能解决你的问题,请参考以下文章

前端开发具体用到哪些技术

web前端开发都包括哪些技术

PHP初学内容随笔

HTMLHTML 网页自动刷新

HTMLHTML 网页自动刷新

重构前端知识体系之HTMLHTML5给网页音频带来的变化