!--html(hyper text makeup language):超文本标记语言,不仅存储内容还存储了格式,标记语言会保存格式。
前端开发语言:php,JavaScript
后端:java,python,c,c++,c#
hbuilder:IDE集成开发环境,提供代码编辑器,编译器,调试器和图形界面等工具
编辑:输入和构建
编译:就是将编辑好的代码进行转换,生产可以执行的代码文件
HBuilder快捷方式:
ctrl+N
ctrl + / ——注释
ctrl + S—— 保存文件
ctrl +r ——运行html文件,在浏览器中打开html文件,在浏览器中查看页面源代码。
1.右键——检查
2.按电脑上的f12键-->
HTML基本格式
标签是由尖括号包围的关键字,一般标签都是以成对方式出现,第一个是开始键,第二个是结束键,也称为开放标签和闭合标签。
<html>#文档的开始
<head>(头部的开始)
<meta charset="UTF-8>(讲html字符集编码格式设为utf-8)
<title><title/>(title标签定义了浏览器工具栏的标题以及收藏夹的显示的标题)
</head>
<body>(html文档体部的开始)
</body>
</html>
常用标签
标题标签
<h1>......</h1> (标签字体最大) <h6>......</h6>(标签字体最小)
二、段落标签
<p>这是一个段落标签</p>
<i>这是一个斜体标签</i>
<em>这也是一个斜体标签</em>
<b>这是一个粗体</b>
<font color="red">这是一个有颜色的标签</font>
form——表单标签
text:类型为明文,
password:为加密,
radio为:单选框,需要在name属性加上sex值才能只选择其中之一
checkbox:复选框,
select:为下拉框,
textarea:文本框
请输入您的名字:
<input type="text" name="" id="" value="" />
请输入密码:
<input type="password" name="" id="" value="" />
请选择性别:
<input type="radio" name="sex" id="" value="" checked="checked"/>男 (默认选择男)
<input type="radio" name="sex" id="" value="" />女
请选择您的爱好:
<input type="checkbox" name="" id="" value="" />看书
<input type="checkbox" name=""id ="" value="" />上网
<input type="checkbox" name="" id="" value="" />购物
请填写您的学历:
<select name="">
<option value="">请选择您的学历</option>
<option value="">大专</option>
<option value="">本科</option>
<option value="">研究生</option>
</select>
自我介绍:<br />
<textarea name="" rows="10" cols="30"></textarea>
请选择上传的文件:
<input type="file" name="" id="" value="" />
<input type="reset" name="" id="" value="重置" />
<input type="submit" name="" id="" value="提交" />
<input type="button" name="" id="" value="确认" />
|