南昌大学大神养成计划-第一课《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文件是有自己的固定的结构。
如
五:对标签<head>的认识
文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包
含的数据都不会真正作为内容显示给读者。
一般格式:
<!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和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>
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- 通过Mootools 1.2来操纵HTML DOM元素
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- 没有文件大小限制并免费的PDF到HTML转换工具
- JavaScript与HTML结合的基本使用方法整理
- css实现气泡框效果(实例加图解)
- html链接与文本标签们
- html活用软字符连接符
- 浅谈html中id和name的区别实例代码
- HTML <!DOCTYPE> 标签
- asp中实现清除html的函数
- Android的TextView与Html相结合的具体方法
- jQuery设置和获取HTML、文本和值示例
- 『jQuery』.html(),.text()和.val()的概述及使用
- php正则替换处理HTML页面的方法