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进行对齐

前端阶段_html部分的更多相关文章

  1. 前端阶段_html部分2后台frame的初始构架案例

    1.<frameset cols="25%,75%">          把页面分为1:3,并且使用frame的同时应该删除body标签 2.<frame src ...

  2. 前端阶段_div以及css介绍

    1.div div是html的一个标签,是块级元素,单独使用没有意义,必须结合css来使用,进行网页布局 2.span span是一个html标签,是一个内联元素,主要对括起来的内容进行修饰 3.&l ...

  3. java 知识结构

    JAVA基础阶段 阶段 技术名称 技术内容 T线 JavaSE JAVA 开发基础知识 | Eclipse 开发环境 | JavaSE 7.0 API | JavaSE 8.0新特性 | 多线程技术 ...

  4. Webpack2入门

    webpack 2 将在其文档完成之后正式发布.但这并不意味着不可以开始使用它,如果你知道怎么配置的话. 什么是 Webpack? 简单来说,Webpack 就是一个针对 JavaScript 代码的 ...

  5. java视频资源

    1.Java基础阶段 尚学堂_刘凯立_JavaSE基础视频 http://pan.baidu.com/s/1geCoY11 尚学堂_高淇_Java300集视频教程 https://pan.baidu. ...

  6. JS 与 jQery 的区别主要在于 DOM

    //目前正在学习前端阶段,把知识点整理.保存下来以便日后查看 首先引入jQery: 需要先引入css,再引入js: jQery需要在js前引入,再引入框架,最后才是js的引入:css也相同,先引入框架 ...

  7. 如何让BootStrap栅格之间留出空白间隙呢？

    BootStrap栅格之间留出空隙 BootStrap栅格系统可以把我们的container容器划分为若干等分,如果想要每个部分之间留出一定的空隙,我们很可能首先想到的方法就是用margin外边距来使 ...

  8. web前端学习就这9个阶段，你属于哪个阶段？

    第一阶段:HTML+CSS: HTML进阶.CSS进阶.div+css布局.HTML+css整站开发. JavaScript基础:Js基础教程.js内置对象常用方法.常见DOM树操作大全.ECMAsc ...

  9. 【北航软件工程】Alpha阶段前端页面编写及服务器部署

    前端页面编写 虽然之前对html语法有过一些了解,但是完全没有编写前端页面的经验,和我合作的czy大概也是这么个情况.在Alpha阶段的前端页面编写过程中,我们是摸着石头过河,html是个入门很快专精 ...

随机推荐

  1. maven war工程重命名

    1,按f2对项目进行改名 2,改变其web.xml 的项目名 3,org.eclipse.wst.common.component 改变其项目名

  2. Spring Advisor

    SpringAdvisor 顾问:在通知的基础之上,在细入我们的切面AOP 通知和顾问都是切面的实现方式 通知是顾问的一个属性 顾问会通过我们的设置,将不同的通知,在不同的时间点把切面织入不同的切入点 ...

  3. 算法笔记 #007# Backtracking

    留着备用. 题目描述和代码参考:https://www.geeksforgeeks.org/8-queen-problem/ NQueenProblem(js代码): class NQueenProb ...

  4. PYTHON 对SQLITE3的简单使用

    SQLite是一种嵌入式数据库,它的数据库就是一个文件.由于SQLite本身是C写的,而且体积很小,所以,经常被集成到各种应用程序中,甚至在iOS和Android的App中都可以集成.Python就内 ...

  5. 作为php了解一下共享内存的概念及优缺点

    共享内存是一种在相同机器中两个正在运行的进程之间共享和传递数据的有效方式,不同进程之间共享的内存通常安排为同一段物理内存:顾名思义,共享内存就是允许两个不相关的进程访问同一个逻辑内存.一个进程可创建一 ...

  6. mysql常用的操作命令

    在mysql中以半角分号;作为命令的结束符 查看当前系统包含的数据库:mysql> show databases [like ' ']; 从一个数据库切换到另一个:mysql>use ol ...

  7. GitHub客户端使用

    GitHub客户端使用 我们今天先讲解一下Github for windows(客户端)的使用方法,之后我们会以一个实例一步一步的来讲解Github. Github for windows(客户端)是 ...

  8. neutron full stack

    1.  通读一下 neutron的那个文档.  里面介绍了, db怎么隔离的, amqp怎么隔离的. 2.  记住文档中,那个full stack的图. 3.  走读代码      从TestOvsC ...

  9. 20145208 蔡野 《网络对抗》Exp8 Web基础

    20145208 蔡野 <网络对抗>Exp8 Web基础 本实践的具体要求有: (1).Web前端HTML(1分) 能正常安装.启停Apache.理解HTML,理解表单,理解GET与POS ...

  10. debian下如何源码安装tmux

    一.源码安装ncurses库 1.1 获取源码 wget https://invisible-island.net/datafiles/release/ncurses.tar.gz tar xvf n ...