零基础学前端HTML+CSS

零基础学前端HTML+CSS

57课时 |
8753人已学 |
(2 评论)

加入学习
加入学习

 

段落标签<p></p>

水平线标签<hr>

换行标签 <br>

空标签 &nbsp

[展开全文]
s_dream · 2018-08-23 · 基本标签 0

当行文本<input>是单标记,name属性定义名字,type定义类型。

 

[展开全文]
瑞东 · 2018-01-30 · 文本框 0

包地杠包地严重出戏

 

 

[展开全文]
六弦空弹 · 2018-01-13 · HTML固定基本结构 0

<tr></tr>

<td></td>  

[展开全文]
哥哥yc · 2017-06-30 · 表格 0

<input name="d1" type="radio" value="值">

[展开全文]
知呼不知忽 · 2017-06-15 · 单选 0
[展开全文]
扒拉扒拉 · 2017-06-09 · 盒子模型概念 0

HTML 中文名称是叫 超  文本  标记  语言

标记:由<标记>中组成的标记

语言:解释性语言,纯解释(翻译)

用浏览器翻译HTML 语言(IE ,火狐)基于内核做浏览器

HTML语言有版本之分,最新的是HTML5

不同版本的HTML支持的标签不同

不同浏览器对不同版本的HTML支持情况也不同

同一页面不同浏览器的解释可能也有差异

同一页面不同浏览器效果不同,浏览器兼容问题

浏览器分为各种内核,每种内核显示HTML有所不同。

HTML升级,增量包

  • HTML标签

HTML标签由<标签>组成

小于号大于号之间放的关键字

HTML标签由双标记,和单标记组成。

</p>段落标签    <br/>换行标签

双标记<head> 内容</head>

<br>换行 单标签  没有结尾

 

 

  • HTML属性​

  ""里跟的内容是标签的值

HTML标签可以有多个名称/值得属性

样式表例子:<body class="homepage">

属性的名称,赋的值

​  

看几个值/名称,等号或几对引号 

 

实例

 

<a href= "http://www.mldn.cn">魔乐科技</a>

href 属性 双标记 属性及属性值

 

  • ​HTML 固定的基本结构

​<html>

<head>头部信息在这里设置</head>

<body>

HTML文件的正文写在这里

</body>

</html>

标签是可以互相嵌套的,但不能随意的放在里面,分主副级

<head></head>嵌套在<html>中

 

 

<html>

                <head>

                 <title>我们的第一个页面</title>

                 </head>

                 <body>

                       这是我们制作的内容!

                 </body>

 

</html>

标签是固定的,属性名称值是可以选择的。

不用中文的文件名和全角。做文件时用相同扩展名。.html .htm 是两种文件,否则容易出现链接错误。

 

  • ​HTML页面基本结构说明

HTML5 语法声明 <!doctype html>

HTML4有两种说明,宽泛/严谨

 

添加内容的基本格式

<html>

<head>

<title>欢迎您</title>     ​          头标签

</head>

<body>

<h1>JAVA</h1>

<p>IT课程学习</p>     换段

</body>

</html>

代码讲解

<html>与</html>之间的文本描述网页

<body>与</body>之间的文本是可见的页面内容

<head>与</head>之间的文本描述网页头信息

<title>与</title>之间的文本被显示为网页的标题

<h1>与</h1>之间的文本被显示为正文一级标题

<p>与</p>之间的文本被显示为段落

 

高效率开发工具

​Dreamweaver  可视化开发工具 设计面板与代码面板互换

WebStorm  开发组件 提词功能

[展开全文]
季清承 · 2017-05-27 · 工具使用 0

HTML 中文名称是叫 超  文本  标记  语言

标记:由<标记>中组成的标记

语言:解释性语言,纯解释(翻译)

用浏览器翻译HTML 语言(IE ,火狐)基于内核做浏览器

HTML语言有版本之分,最新的是HTML5

不同版本的HTML支持的标签不同

不同浏览器对不同版本的HTML支持情况也不同

同一页面不同浏览器的解释可能也有差异

同一页面不同浏览器效果不同,浏览器兼容问题

浏览器分为各种内核,每种内核显示HTML有所不同。

HTML升级,增量包

  • HTML标签

HTML标签由<标签>组成

小于号大于号之间放的关键字

HTML标签由双标记,和单标记组成。

</p>段落标签    <br/>换行标签

双标记<head> 内容</head>

<br>换行 单标签  没有结尾

 

 

  • HTML属性​

  ""里跟的内容是标签的值

HTML标签可以有多个名称/值得属性

样式表例子:<body class="homepage">

属性的名称,赋的值

​  

看几个值/名称,等号或几对引号 

 

实例

 

<a href= "http://www.mldn.cn">魔乐科技</a>

href 属性 双标记 属性及属性值

 

  • ​HTML 固定的基本结构

​<html>

<head>头部信息在这里设置</head>

<body>

HTML文件的正文写在这里

</body>

</html>

标签是可以互相嵌套的,但不能随意的放在里面,分主副级

<head></head>嵌套在<html>中

 

 

<html>

                <head>

                 <title>我们的第一个页面</title>

                 </head>

                 <body>

                       这是我们制作的内容!

                 </body>

 

</html>

标签是固定的,属性名称值是可以选择的。

不用中文的文件名和全角。做文件时用相同扩展名。.html .htm 是两种文件,否则容易出现链接错误。

 

  • ​HTML页面基本结构说明

HTML5 语法声明 <!doctype html>

HTML4有两种说明,宽泛/严谨

 

添加内容的基本格式

<html>

<head>

<title>欢迎您</title>     ​          头标签

</head>

<body>

<h1>JAVA</h1>

<p>IT课程学习</p>     换段

</body>

</html>

代码讲解

<html>与</html>之间的文本描述网页

<body>与</body>之间的文本是可见的页面内容

<head>与</head>之间的文本描述网页头信息

<title>与</title>之间的文本被显示为网页的标题

<h1>与</h1>之间的文本被显示为正文一级标题

<p>与</p>之间的文本被显示为段落

 

 

[展开全文]
季清承 · 2017-05-27 · 第一个网页 0

HTML 中文名称是叫 超  文本  标记  语言

标记:由<标记>中组成的标记

语言:解释性语言,纯解释(翻译)

用浏览器翻译HTML 语言(IE ,火狐)基于内核做浏览器

HTML语言有版本之分,最新的是HTML5

不同版本的HTML支持的标签不同

不同浏览器对不同版本的HTML支持情况也不同

同一页面不同浏览器的解释可能也有差异

同一页面不同浏览器效果不同,浏览器兼容问题

浏览器分为各种内核,每种内核显示HTML有所不同。

HTML升级,增量包

  • HTML标签

HTML标签由<标签>组成

小于号大于号之间放的关键字

HTML标签由双标记,和单标记组成。

</p>段落标签    <br/>换行标签

双标记<head> 内容</head>

<br>换行 单标签  没有结尾

 

 

  • HTML属性​

  ""里跟的内容是标签的值

HTML标签可以有多个名称/值得属性

样式表例子:<body class="homepage">

属性的名称,赋的值

​  

看几个值/名称,等号或几对引号 

 

[展开全文]
季清承 · 2017-05-27 · HTML属性 0

授课教师

阿里云开发者社区全面升级
一站式体验,助力云上开发!
进入新社区