A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 我是楠楠 黑马粉丝团   /  2019-4-2 10:00  /  977 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 我是楠楠 于 2019-4-2 10:01 编辑

【郑州校区】HTML的简述

1.1 HTML的简述
1.1.1 HTML是什么?
HTML:(Hyper Text Markup Language) 超文本标记语言
文本:相当于记事本里写的文字。 展示信息
超文本:超越了文本仅仅展示信息的功能范畴。泛指:图片、有样式的文字、点击跳转页面的文字
语言:工具。
标记:标签
1.1.2 有什么作用?
HTML是由标签所组成的语言,能展示超文本效果
HTML是用来写网页的,是设计页面的基础。
1.1.3 HTML的入门案例
步骤1:创建文件,后缀名为html
图片1.png
步骤2:用记事本打开文件,并且编写文字
图片2.png
步骤3:用浏览器打开。例如:火狐或者IE
图片3.png
               
1.1.4 HTML的语言特征
l HTML代码是由头和体组成。
<html>
        <head>
        <title> 标题</title>
</head>
        <body>需要展示给用户看的信息内容</body>
</html>
<html>标签就相当于 java类 大括号
<head>中存放的都是网页的说明性内容,例如标题
l HTML文件的扩展名为html或者htm。Htm是老的命名规范,html的新的
l HTML文件由浏览器直接解析执行,无需编译,直接由上到下依次解析执行。
l HTML标签通常由开始标签和结束标签组成。例如:<font>内容体</font>
开始标签和结束标签之间的内容叫做内容体
l HTML没有内容体的标签叫做空标签。仅由一个标签组成。例如:<br/>  自关闭
l HTML标签不区分大小写,为了方便阅读,建议使用小写。
l HTML标签是有属性的,格式为:属性名=”属性值”,属性值用引号引起。引号包含单引号和双引号
l HTML标签建议包裹嵌套,不建议交叉嵌套。如下图所示
图片4.png
1.1.5 使用Hbuilder
步骤1:打开Hbuilder
图片5.png
步骤2:选择“暂不登录”
图片6.png
步骤3:选择“工具”---à“选项”
图片7.png
步骤4:输入“工作空间”,点击“工作空间”,在右侧选项中将“文本文件编码” 选为“其他 UTF-8”
图片8.png
步骤5:在“项目管理器”,鼠标右键,“新建”“WEB项目”
图片9.png
步骤6:修改“项目名”和“位置”,并点击完成
图片10.png
步骤7:项目创建完毕
图片11.png
   传智播客·黑马程序员郑州校区地址
河南省郑州市 高新区长椿路11号大学科技园(西区)东门8号楼三层
联系电话 0371-56061160/61/62
来校路线  地铁一号线梧桐街站A口出

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马