您的位置:首页 > Web前端 > HTML

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

2015-11-19 02:03 459 查看
这是两天后的第一次学习,也是我第一次在网上平台学习



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



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

一: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>标签之间的文字内容是网页的标题信息,它[/code]
会出现在浏览器的标题栏中。且每个网页的内容都是不同的,每个网页都应该有一

个独一无二的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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html