<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. Thinkphp整合阿里云OSS图片上传实例

    Thinkphp3.2整合阿里云OSS图片上传实例,图片上传至OSS可减少服务器压力,节省宽带,安全又稳定,阿里云OSS对于做负载均衡非常方便,不用传到各个服务器了 首先引入阿里云OSS类库 < ...

  2. php弹出式登录窗口并获得登录后返回值

    一款bootstrap样式结合php制作的弹出式登录窗口,输入用户名和密码后,ajax传参给后台,并获得登录后返回值. hwLayer+ajax弹出登录框 $(function() { $('#for ...

  3. 【Python】Elasticsearch和elasticsearch_dsl

    官网:https://elasticsearch-py.readthedocs.io/en/master/api.html 官网:https://github.com/elastic/elastics ...

  4. 解决由于服务器调用删除或添加字段后CXF客户端未更新导致异常问题org.apache.cxf.interceptor.Fault: Unmarshalling Error: Unexpected element

    采用CXF客户端调用Webservice服务,由于服务端时不时会对Webservice服务删除或添加一些字段,而CXF未及时更新客户端代码导致再次调用服务时报异常错误: Interceptor for ...

  5. 定制你自己的vim编辑器

    今天定制了一下自己的vim编辑器,效果嘛,谁用谁知道!话不多说,直奔主题.vim编辑器的配置都在/etc/vimrc文件中. #vim /etc/vimrc 打开配置文件,在尾部添加如下的,不是全都必 ...

  6. 1. [Vue warn]: Missing required prop: "value"

    意思是说数据没有绑定,页面缺少value值.应该v-model进行数据绑定.

  7. JUnit4源码学习笔记

    先上一个在Spring-test下运行的调用栈 自底向上: JUnitStarter IDEA对JUnit的支持,调用JUnitCore.run(Runner),将注解@RunWith指定的Runne ...

  8. 链表实现python list数据类型

    #1.<--用单链表的数据结构实现列表class error(Exception): def __init__(self,msg): super(error,self).__init__(sel ...

  9. python之路：数据类型初识

    python开发之路:数据类型初识 数据类型非常重要.不过我这么说吧,他不重要我还讲个屁? 好,既然有人对数据类型不了解,我就讲一讲吧.反正这东西不需要什么python代码. 数据类型我讲的很死板.. ...

  10. 4.Linux开机设置项

    开机建议优化项: //关闭防火墙 systemctl stop firewalld systemctl disable firewalld //关闭SELinux: setenforce 0 sed ...