关于HarmonyOS的学习

day1

一、鸿蒙的一些开发语言：

1.html，用来网页布局，搭建网页的基本结构。（主要是html5）

2.css，用来美化html，和html一样都是W3C组织制定的开发标准。

3.JavaScript（js），主要是做网页交互。

4.TypeScript，就是js的拓展。

5.node.js，后端环境，用来运行js。

6.arkTS，HarmonyOS系统语言，用于鸿蒙系统软件应用开发。

二、前端开发框架：

vue.js（前端开发使用最多的），uniapp（开发一次可以在不同app上运行的），bootstrap（搭建网页布局，实现响应式开发）。

三、HTML语言

1.html简介：

<!-- 声明文档类型：告诉浏览器这是一个什么类型的文档（文件），网页文件 -->

​

hello, 陈，喜欢z！

​

2.常用标记： ①标题标记(从h1到h6)

​

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

​

独占一行，自上而下。

②段落标记（p）

​

1112223334658

​

独占一行，自上而下。

③加粗（b、strong），倾斜（i，em），超链接（a），文本节点（span，无其他样式） 144553545 565153121 百度一下，你还是不知道2 target为self是从当前页面跳转 <a href="百度一下，你就知道" target="blank">百度一下，你还不知3</a> target为_blank是新建网页跳转 都是横向排列

④换行（br），水平线（hr）。独占一行，自上而下。

⑤图片（img）横向排列 属性： => src 图片路径 => width 图片宽度 => height 图片高度（如果只设置了宽度或高度，图片会自动等比例缩放。） => title 当鼠标悬停（鼠标放在图片上不动）在图片上的时候显示 => alt 当图片由于某种原因（被和谐、路径错误、网络加载失败...）不显示的时候给用户的提示信息

3.HTML语言语法：

• 把尖括号里面的第一个单词称之为标记、标签、元素

• 把标记空格后面的那个单词叫做属性，属性其实就是一个功能。属性和属性值之间使用等号连接，属性值是放在双引号里面

• 标记的属性都是默认自带的，如果这个标记没有某个属性，是不能混用的。一个标记可以有属性，也可以没有属性。当然也可以有多个属性

• 标记分为常规（双标记、对儿）标记和单（空）标记，单标记需要使用斜杠介绍

4.列表（独占一行，自上而下）

①无序 ul li

②有序 ol li

③自定义 dl dt dd

5.路径表示方式规则：

①当当前文件与目标文件在同一目录下时，./目标文件名.扩展名 ②当当前文件与目标文件的文件夹在一目录下时，./目标文件夹名/目标文件名.扩展名 ③当当前文件的文件夹与目标文件的文件夹在一目录下时，../目标文件夹名/目标文件名.扩展名

6.表格标记属性（table tr td）：

width（宽度） height（高度） bgcolor（表格背景颜色） bordercolor（边框颜色） cellspacing（单元格和单元格之间的间隔） cellpadding（文字和单元格之间的间隙） align（left center right 设置在table上面表示的是整个表格的水平对齐方式，设置tr上面表示的是整行的水平对齐方式，设置td上面表示的是整列的水平对齐方式） valign（只能给行和列设置，单元格内容的垂直对齐方式） colspan（合并左右列） rowspan（合并上下行） rules（合并单元格的线，all表示所有线，cols表示列，rows表示行）

7.表单标记属性：

form表单

input输入框属性：

type（输入的类型） value（输入框的默认值） name（输入框的名称，区分不同的输入框，静态练习时省略name不写） type="radio" 单选按钮（name属性必须设置，同一组的name属性必须相同，不同组的不一样） checkbox（复选框）

laber标记（让文字和表单直接进行关联）使用for和要与之关联的表单进行连接，并且给那个表单一个id，id的名称要和for一致。 checked（表示默认选中，只能给单选或复选框使用） disabled（表示禁用） textarea（多行文本域，cols列字符 rows行字符） button（可以点击跳转，配合js使用） reset（重置，点击后会把表单内的内容清除掉） submit（提交，如果不设置value，则默认是提交的文字） antofocus（打开网页自动获取焦点，只能给第一个设置） autocomplete（可以关闭表单之前输入内容的提示功能 off关闭，on打开） action（提交地址） placeholder（当表单输入内容时，提示信息自动消失，代替value的位置） method（表示提交方法，分为get和post）

get和post的区别： get是向服务器获取数据，post是向服务器传输数据 get安全性没有post高，因为post是通过http post机制加密 get传输的数据量大小有限定，一般2-5kb，post理论上是没有限定的 get传输的数据在url地址栏可以看到，post看不到

select下拉菜单，option属性（value值要和设置的名称一致，selected表示默认选中）注意:html属性的属性值如果和属性一样的话，那么可以省略属性值 例如：selected="selected" 简化 selected

        校区城市：
        <select>
            <option value="请选择城市">请选择城市</option>
            <option value="成都">成都</option>
            <option value="杭州">杭州</option>
            <option value="北京">北京</option>
            <option value="上海">上海</option>
            <option value="深圳">深圳</option>
            <option value="苏州">苏州</option>
        </select>

8.HTML5新增表单标记

required非空验证： <input type="search" required>

tel电话号码： <input type="tel">

color取色器： <input type="color">

range进度条（不设置value默认是50%）： <input type="range">

email邮箱地址（自带验证效果）： <input type="email">

date、mouth、week日历： <input type="date" value="2024-10-10"> <input type="month"> <input type="week">

number数字（max最大 min最小 step间隔）： <input type="number" value="0" min="0" step="10" max="100">

url地址： <input type="url">

file上传文件： <input type="file">

注意：button按钮和input按钮的功能是一样的，只不过它是双标记，而input按钮一般用在form里面。如果button用在form里面默认就是提交按钮的功能