<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. 学习笔记：python3，PIP安装第三方库（2017）

    https://pip.pypa.io/en/latest/quickstart/ pip的使用文档 http://www.lfd.uci.edu/~gohlke/pythonlibs/   .whl ...

  2. sql day2

    -- 数据的准备 -- 创建一个数据库 create database python_test charset=utf8; -- 使用一个数据库 use python_test; -- 显示使用的当前 ...

  3. 如何自学Java开发

    对于这个话题,已经不止N次在线上或线下听到了.从这个话题被太多的人提问及回答,我们可以肯定地说,Java这个已经有近15年头的计算机编程语言是有着及其广阔的应用领域和独特而短期无法替代的优势.我们姑且 ...

  4. 超简单(两步)-微信怎么实现打开外部浏览器，下载app，打开网页URL

    现在微信渠道可以说是拉新最快的渠道,因为微信具备强裂变性.但是目前微信对第三方下载链接的拦截是越来越严格了,那么想要在微信内肆无忌惮地推广链接就需要用到微信跳转浏览器的接口,那如何获取该接口呢?   ...

  5. QT项目添加现有文件后不能运行，MFC在类视图中自动隐藏类

    解决方案:1)QT 5.6版本的QtCreator打开pro文件,在最后加一行空行或者删除一行空行,保存即可: 2)在隐藏的类对应的头文件中增加一行或删除一行(空格也可以),即可自动出现.

  6. vue 动态添加 <style> 样式 vue动态添加 绑定自定义字体样式

    created(){ //动态添加自定义字体样式 let style = document.createElement('style'); style.type = "text/css&qu ...

  7. NE76003单片机调试DS18B20 步骤

    一.硬件部分 GND脚接地: DQ脚接P03,外加4K7上拉电阻: VCC脚接3.3v供电: 二.软件部分 1.配置P03为准准双向 IO类型: void Init_power_gpio(void){ ...

  8. KCF:High-Speed Tracking with Kernelized Correlation Filters 的翻译与分析（一）。分享与转发请注明出处-作者：行于此路

    High-Speed Tracking with Kernelized Correlation Filters 的翻译与分析 基于核相关滤波器的高速目标跟踪方法,简称KCF 写在前面,之所以对这篇文章 ...

  9. Oracle获取一周前，一个月前，一年前, 本周，本月，当年的日期

    1.获取当前时间一周前的日期 ' day from dual 类似的 --当前时间减去7分钟的时间 ' MINUTE from dual --当前时间减去7小时的时间 ' hour from dual ...

  10. linux学习笔记：linux常用的命令

    2018-11-19                                      常见命令快速查询一览表 命令 功能 ls 列出目录内容 cat 链接文件并打印到标准输出设备上(通常用来 ...