前端H5开发的基础知识点

基础标签

<form></form>、<input></input>、<select></select>、<option></option>、<textarea></textarea>、<br />

<body>
<!--表单form标签--><form action="" method="post"><!--文本框 type="text"-->姓名:<input type="text" name="" id="name" value="" /><br /><!--密码框 type="password"-->密码:<input type="password" name="" id="" value="" /><br /><!--单选按钮框 type="radio"，保证其单选，则添加name属性且一致。若checked=“checked” 设置默认选中-->性别:<input type="radio" name="sex"/>男<input type="radio" name="sex"/>女<br /><!--提交按钮 type="submit"--><input type="submit" value="提交" /><!--复选框 type="checkbox"-->爱好：<input type="checkbox" />篮球<input type="checkbox"/>play<input type="checkbox"/>read<br /><!--下拉列表select-option标签--><select name="gun"><option value="">p18c</option><option value="">scar</option><option value="">M416</option><option value="">98K</option>    </select><br /><!--rows：行  cols：列。可以手动拉伸--><textarea name="" rows="10" cols="10"></textarea></form>
</body>

CSS样式（三种）

行内样式：直接在利用标签的style属性设置其样式。

内部样式：将其样式写在<head></head>中的<style></style>中。

外部样式：先在CSS文件夹中创建css文件，再在HTML文件中使用link标签引入。

三种样式优先级：行内样式最高，外部样式和内部样式优先级取决于其位置顺序，越往后优先级越高。

<!--HTML文件-->
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title>/*内部样式*/<style type="text/css">div{width: 200px;height: 200px;background: wheat;color: blue;}</style><!--外部样式--><link rel="stylesheet" type="text/css" href="css/test_css.css"/></head><body><!--行内样式写法--><div style="width: 100px; height: 100px; background: bisque;">行内样式的DIV</div><!--内部样式--><div>内部样式的DIV</div><!--外部样式--><div>外部样式的DIV</div></body>
</html><!--CSS文件test_css.css-->
div{width: 300px;height: 300px;background: black;color: red;
}

前端H5开发的基础知识点相关推荐

微信小程序开发，基础知识点汇总详解
目录一.目录中文件说明 1.app.js文件 2.project.config.json文件 3.sitemap.json文件 4.页面中的.json文件 5.如何创建小程序页面二.微信中代码的格 ...
前端H5开发基本准备
一.前端开发有利知识体系学习的网站: 1. w3school : http://www.w3school.com.cn/ 2. 菜鸟教程 : https://www.runoob.co ...
div 不受父级标签影响_前端H5开发中常用的标签
本文主要内容排版标签: <h1> <p> <hr /> <br /> <div> <span> <center> ...
MUI H5+ 开发app基础
加载子页面(防止手机性能差,出现上下滑动卡顿) 其中 url 就是子页面的路径 id 为自定义通常和页面名称一致页面的跳转和传值切记如果使用mui组件内的底部导航跳转的方式只能使用docume ...
ionic混合开发APP基础知识点及生命周期使用一
导入storage app.module.ts文件 import { IonicStorageModule } from '@ionic/storage'; imports: [BrowserModu ...
【前端】jQuery常用基础知识点总结
目录 jQuery概念: 入口函数: jQuery选择器: 样式操作: 属性操作: 特殊动画: 事件: 事件冒泡: 事件委托: jQuery中的DOM操作: jQuery概念: JQuery: Jav ...
学习前端需要掌握什么基础？
学习前端需要掌握什么基础?前端基础包含HTML.CSS层叠样式表.JavaScript.HTML5.CSS3.jQuery等内容.掌握了HTML+CSS+Javascript这三门技术就算入门前端了, ...
python h5开发_从零搭建移动H5开发项目实战
从零搭建移动H5开发项目实战前端H5的前世今身在Pc的时代,前端技术无疑统治了大多数用户的交互界面!而在移动为王的今天,NA开发在早期占领了大多数用户的交互界面,后来逐渐的前端H5开发找到了自己的 ...
从零搭建移动H5开发项目实战
从零搭建移动H5开发项目实战前端H5的前世今身在Pc的时代,前端技术无疑统治了大多数用户的交互界面!而在移动为王的今天,NA开发在早期占领了大多数用户的交互界面,后来逐渐的前端H5开发找到了自己的 ...

前端H5开发的基础知识点

基础标签

<form></form>、<input></input>、<select></select>、<option></option>、<textarea></textarea>、<br />

CSS样式（三种）

行内样式：直接在利用标签的style属性设置其样式。

内部样式：将其样式写在<head></head>中的<style></style>中。

外部样式：先在CSS文件夹中创建css文件，再在HTML文件中使用link标签引入。

三种样式优先级：行内样式最高，外部样式和内部样式优先级取决于其位置顺序，越往后优先级越高。

前端H5开发的基础知识点相关推荐

最新文章

热门文章

前端H5开发的基础知识点

基础标签

<form></form>、<input></input>、<select></select>、<option></option>、<textarea></textarea>、<br />

CSS样式（三种）

行内样式：直接在利用标签的style属性设置其样式。

内部样式：将其样式写在<head></head>中的<style></style>中。

外部样式：先在CSS文件夹中创建css文件，再在HTML文件中使用link标签引入。

三种样式优先级：行内样式最高， 外部样式和内部样式优先级取决于其位置顺序，越往后优先级越高。

前端H5开发的基础知识点相关推荐

最新文章

热门文章

三种样式优先级：行内样式最高，外部样式和内部样式优先级取决于其位置顺序，越往后优先级越高。