<html>

<head lang="en">

<meta charset="utf_8">                    utf_8包含全世界需要用到的字符

<title>我的第一个网页 </title>           网页头部

</head>

<body>

我的第一个网页                                网页主体

</body>

</html>

字体大小

<h1>一 </h1>

<h2>二</h2>

<h3>三</h3>

段落标签

<p></p>

换行标签

最后加上<br/>

水平线标签

直接加<hr/>

字体样式标签

字体加粗<strong></strong>

斜体<em></em>

注释和特殊符号

空格    &nbsp;

小于号（<）  &lt;

大于号（>）   &gt;

引号(")           &quot;

版权符号        &copy;

图像标签       <img src="图像地址"alt="图像替代文字"title="鼠标悬停提示文字"width="图像宽度"height="图像高度"/>

链接标签      <a href="链接路径"target="链接在哪个窗口打开常用值：_self或_blank">链接文本或图像</a>

锚链接         1.从A页面的甲位置跳转到本页中的乙位置

2.从A页面的甲位置跳到B页面中的乙位置

创建步骤       创建跳转标记   <a name="marker">乙位置</a>

创建跳转链接   <a href="#marker">甲位置</a>

无序列表   <ul>

<li> </li>

</ul>

有序列表  <ol>

<li></li>

</ol>

如果在<ol type="A">则1会变成A，<ol type="a">则1会变成a

定义列表    

类型

说明

项目符号

无序列表

以<ul>标签来实现

以<li>标签表示列表项

无序列表中的每项都是平级的，没有级别之分，并且列表中的内容一般都是相对简单的标题性质的网页内容

有序列表

以<ol>标签来实现

以<li>标签表示列表项

有序列表ol-li一般用于显示带有顺序编号的特定场合

定义类表

以<dl>标签来实现

以<dt>标签定义列表项

以<dd>标签定义内容

定义列表一般适用于带有标题和标题解释性内容的场合

给每行的第一列的<td>加上 align="right"(右对齐)属性 即 <td align="right"> 另外：

align="left"(左对齐) align="center"(居中)创建时，默认的是 align="left"如：<tr> <td

align="right">姓名:</td> <td><input type="name" name="name" /></td> </tr>

<table border="1">       border是边框

（提供播放、暂停和音量的空间）

(引用页面地址)                 （框架标识名）

属性

说明

type

指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image 和 button，默认为 text

name

指定表单元素的名称

value

元素的初始值。type 为 radio时必须指定一个值

size

指定表单元素的初始宽度。当 type 为 text 或 password时，表单元素的大小以字符为单位。对于其他类型，宽度以像素为单位

maxlength

type为text 或 password 时，输入的最大字符数

checked

type为radio或checkbox时，指定按钮是否是被选中

规定如何发送表单数据常用值：get | post          表示向何处发送表单数据

文本框                        文本框名称                文本框初始值      文本框长度   文本框可输入多少个字符

密码框                                             密码框的名称                   密码框长度

单选按钮框                                      值                单选按钮框选中状态

复选框                                                                                            值

复选框选中状态

列表框

默认选中项

选项

H5基础的更多相关文章

  1. H5基础知识（一）

    一.概述 HTML5  是html4.0 升级版 结构 Html5 .样式 css3 .行为: API  都有所增强 HTML5并不仅仅只是做为HTML标记语言的一个最新版本,更重要的是它制定了Web ...

  2. H5基础浏览器兼容性

    <!DOCTYPE HTML><html><body> <video width="320" height="240" ...

  3. h5标签基础 meta标签

    <meta>标签位于<head>标签里面,具体作用有如下: 1.设置网页编码 eg: <meta charset="utf-8"/>  ,//u ...

  4. 【编码题篇】收集整理来自网络上的一些常见的 经典前端、H5面试题 Web前端开发面试题

    编写一个方法 求一个字符串的字节长度假设:一个英文字符占用一个字节,一个中文字符占用两个字节 function GetBytes(str){ var len = str.length; var byt ...

  5. python学习day12

    目录 html结构与标签 css样式   html结构之head <head> 标签用于定义文档的头部,它是所有头部元素的容器.<head> 中的元素可以引用脚本.指示浏览器在 ...

  6. HTML5中 基本用法及属性 韩俊强的博客

    从今天开始更新H5相关学习:希望大家能一起学习,多学习一门语言,多一门乐趣! 了解Html5: Html5基本属性: <!DOCTYPE html> <html lang=" ...

  7. （2018干货系列二）最新HTML5学习路线整合

    怎么学HTML5 HTML5是万维网的核心语言,标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改,一方面提升了用户体验,另一方面HTML5技术跨平台,适配多终端,改变了传统开发者 ...

  8. 2019最新WEB前端开发小白必看的学习路线(附学习视频教程)

    2019最新WEB前端开发小白必看的学习路线(附学习视频教程).web前端自学之路:史上最全web学习路线,HTML5是万维网的核心语言,标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次 ...

  9. 1+x 证书 web 前端开发初级对应课程分析

    响应国家号召 1+X 证书 Web 前端开发考试样题 官方QQ群 1+x 证书 web 前端开发初级对应课程分析 http://blog.zh66.club/index.php/archives/19 ...

随机推荐

  1. 树莓派（Raspberry Pi 3）安装centos7后yum无法使用解决办法

    树莓派(Raspberry Pi 3)安装centos7后yum无法使用解决办法 人穷,闲鱼淘了个二手的树莓派3 英国版,无奈咱也不会用,很无奈~ 安装教程百度到的差不多都可以,找个格式正常的一步一步 ...

  2. sql server 报错处理

    1.错误:针对程序集 'StoreProc' 的 CREATE ASSEMBLY 失败,因为程序集 'StoreProc' 未获授权,不满足 PERMISSION_SET = UNSAFE.满足以下两 ...

  3. C++_数字时钟软件实现设计

    利用C++学习内容,通过windows自带函数实现一个简易的时钟 #include<iostream> #include<windows.h> //延时与清屏头文件 using ...

  4. Centos7的防火墙关闭

    第一步.centos7安装service 第二步. 或者可以不用service,有另一个办法.

  5. Mybatis pageHelper.startPage(...)是物理分页

    使用PageHelper.startPage(...)进行物理分页 业务需求只显示其中的100条数据 之前是在业务逻辑里对参数limit进行了处理 后来试试sql的limit查询100条数据 但是不确 ...

  6. Caused by: java.lang.IllegalArgumentException: argument type mismatch

    下面是我的报错信息 at org.apache.ibatis.session.defaults.DefaultSqlSession.selectList(DefaultSqlSession.java: ...

  7. autolayout原理

    Autolayout Engine根据视图间的约束关系得到一个线性方程组,求这个线性方程组的解即得到每个视图的位置信息.(x,y,width,height) 参考: https://www.jians ...

  8. SpringBoot之基础

    简介 背景 J2EE笨重的开发 / 繁多的配置 / 低下的开发效率 / 复杂的部署流程 / 第三方技术集成难度大 特点 ① 快速创建独立运行的spring项目以及主流框架集成 ② 使用嵌入式的Serv ...

  9. [原创] 扩展jquery-treegrid插件, 实现勾选功能和全删按钮.

    新上手一个项目, 因而正好想学习下bootstrap, 所以就采用asp.net mvc + bootstrap来做.  因为需要TreeGrid的控件, 本来想用easyUI.LingerUi.DW ...

  10. 富文本编辑器 CKeditor 配置使用 （带附件）

    Ckeditor下载地址:http://ckeditor.com/download 1.CKeditor的基本配置 var textval=CKEDITOR.instances.TextArea1.g ...