首页 技术 正文
技术 2022年11月14日
0 收藏 792 点赞 4,660 浏览 1699 个字

HTML

1.html5的第一行一定是<!DOCTYPE html>,h4太长,而且一般ide中会自动加载,了解即可。

2.h5的整个页面被<html></html>标签包裹着

3.h5的头部被<head></head>标签包裹,中间主要放<title></title>标签,此标签内部是网页的标题

4.h5的网页部分被<body></body>包裹,body中是网页的主体部分

5.头部还通常有一个字符编码标签<meta charset=”utf-8″/>为单标签,表示该页面的文字内容是utf-8编码的

6.body内一些常用标签介绍(英文有些是猜测,有些是查找,便于记忆标签)

  

  <hr/>                 水平线标签,horizon  <br/>                 回车换行标签,break  <p></p>            段落标签,paragraph  <!--注释-->           注释标签   <hn/>              n为1到6,小标题标签,大小由1到6递减,head  <font/>             规定文本字体标签  <img src="链接">        图片标签,image  <ul></ul>            无序列表标签,unorder list  <ol><ol>            有序列表标签,order list  <a herf=" "></a>       a标签,一般加上herf,引号里面是链接,a为action  <table></table>       表格  <tr></tr>           table row行表格  <td></td>           table data表格数据,可看做列  <th></th>           table head表格数据加粗,可看做列  colspan属性           跨列单元格  rowspan属性           跨行单元格

7.html的一些表单标签

     <!--
属性:
1.提交方式有post和get
2.name属性取值任意,提交时会提交上去
3.value值
4.size长度
5.maxlength可输入值的最大长度
6.placeholder占位符
7.checked默认选中
-->
<form action="#" method="get">
用户名:<input type="text" name="username" /><br /><br />
密码:<input type="password" name="password"/><br /><br />
确认密码:<input type="password" name="repassword"/><br /><br />
性别:<input type="radio" name="sex" value="male"/>男
<input type="radio" name="sex" value="female"/>女<br /><br />
爱好:<input type="checkbox" name="habit" value="fish"/>钓鱼
<input type="checkbox" name="habit" value="game"/>打游戏
<input type="checkbox" name="habit" value="music"/>听音乐<br /><br />
头像:<input type="file" name="pic" /><br /><br />
籍贯:<select name="province">
<option>--请选择--</option>
<option value="浙江">--浙江--</option>
<option value="上海">--上海--</option>
<option value="江苏">--江苏--</option>
</select><br /><br />
自我介绍:
<textarea name="introduction">
一般不使用,用在线文本编辑器,内含表情等
</textarea><br /><br />
提交按钮:<button type="submit"></button>
重置按钮:<button type="reset"></button>
</form>

注意:表单布局可使用table进行对齐

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,996
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,510
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,353
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,137
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,770
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,848