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. linux下VLAN设置

    1. 安装vlan(vconfig)和加载8021q模块 [root@test0001~]#yum install vconfig [root@test0001~]#modprobe 8021q [r ...

  2. 使用Selenium+firefox抓取网页指定firefox_profile后的问题

    from: https://blog.csdn.net/chufazhe/article/details/51145834 摘要:在使用selenium和firefox抓取网页指定firefox_pr ...

  3. diff 命令实用

    1.概述 本文将要讨论的是diff命令,diff用来比较两个文件.当然文件比较的工具很多,windows系统下面就有不错的工具可以使用,例如常用的Beyond Compare,WinMerge都是图形 ...

  4. Android之xml解析

    利用类下载器解析Xml文件要解析的xml文件<?xml version="1.0" encoding="utf-8"?><info> & ...

  5. poj 1456 Supermarket - 并查集 - 贪心

    题目传送门 传送点I 传送点II 题目大意 有$n$个商品可以销售.每个商品销售会获得一个利润,但也有一个时间限制.每个商品需要1天的时间销售,一天也只能销售一件商品.问最大获利. 考虑将出售每个物品 ...

  6. CocoaPods创建自己的公开库、私有库

    http://www.cocoachina.com/ios/20180308/22509.html

  7. 如何在servlet中获取spring创建的bean

    package com.yxf.controller; import java.io.IOException; import javax.servlet.ServletException; impor ...

  8. 使用Selenium+Java+Juint实现移动web端自动化的代码实现

    浏览器: Chrome 首先通过developer模式查看Chrome浏览器支持哪些手机,如图: 在代码中使用ChromeOptions对象的addArguments方法来设置参数,如下代码所示: p ...

  9. vue学习【第五篇】：Vue组件

    什么是组件 - 每一个组件都是一个vue实例 - 每个组件均具有自身的模板template,根组件的模板就是挂载点 - 每个组件模板只能拥有一个根标签 - 子组件的数据具有作用域,以达到组件的复用 根 ...

  10. Ubuntu 18.04 修改gedit的配色方案

    下图中的蓝色的注释代码,真是有点让人瞎眼的感觉 去这个网站 https://github.com/mig/gedit-themes/tree/master 下载所有后解压到/usr/share/gtk ...