学会了它们,我就可以创建作为静态资源的页面了
一,建立第一个网页
1.搭建环境:
在官网下载 Hbuilderx 编译器。
2.建立相关文件
1.打开 Hbuilderx 编译器,点击界面顶部 “文件” =>新建
2.然后会弹出如下图所示的框,点击 “1.项目” ,会弹出一个 “新建项目” 的框,填写名称、选好存储地址、选择模板 “基本HTML项目”。
3.项目建好之后,会出现类似如下图所示的目录。
文件夹“1231”:整个项目文件夹。 文件夹“css”:用于存放css文件。文件夹“js”:用于存放javaScript文件。
4.点击上图目录的 “index.html” html文件,会出现以下代码:
在<title></title>标签中写上该页面名称(非必要),然后在<body></body>标签中添加一个<div>hollo world!</div>标签,点击 下图的图标 或 点击“运行”=>运行到浏览器,选择相应的浏览器即可在浏览器中打开,看运行效果。
运行效果如下:
到这里第一个网页就做好了
二,html 学习笔记
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。我可以使用 HTML 来建立自己的 WEB 站点。
1.html简介
- <!DOCTYPE html> 声明为 HTML5 文档,声明必须是 HTML 文档的第一行,位于 <html> 标签之前。声明不是 HTML 标签,它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。声明是不区分大小写的。
- <html> 元素是 HTML 页面的根元素
- <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。防止中文乱码。
- <title> 元素描述了文档的标题
- <body> 元素包含了可见的页面内容,只有 <body> 包含的区域才会在浏览器中显示。
- <h1> 元素定义一个大标题
- <p> 元素定义一个段落
html是一种标记语言,表示形式:<标签>内容</标签>。HTML 标签 通常(也有单个出现的,不如“<br />”) 是成对出现的,比如 <div> 和 </div>。标签对中的第一个标签是开始标签 ,第二个标签是结束标签。
2.