1.
<!-- [endif]-->HTML
<!-- [if !supportLists]-->一、
<!-- [endif]-->基本结构
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
<!-- [if !supportLists]-->二、
<!-- [endif]-->基本概念
<!-- [if !supportLists]-->1)
<!-- [endif]-->标签
tag
<!-- [if !supportLists]-->1.
<!-- [endif]-->开始标签
<div id="layer1">
<!-- [if !supportLists]-->2.
<!-- [endif]-->结束标签
</div>
<!-- [if !supportLists]-->3.
<!-- [endif]-->空标签
换行
<br />
水平线
<hr />
图像
<img src=”” />
<!-- [if !supportLists]-->4.
<!-- [endif]-->空格
 
<!-- [if !supportLists]-->2)
<!-- [endif]-->属性
attribute
<!-- [if !supportLists]-->3)
<!-- [endif]-->元素
element = <div id="layer1">......</div>
<!-- [if !supportLists]-->三、
<!-- [endif]-->主要标签(笔记)
<!-- [if !supportLists]-->1)
<!-- [endif]-->有关格式的
<!-- [if !supportLists]-->1.
<!-- [endif]--><p>...</p>
:段落
<!-- [if !supportLists]-->2.
<!-- [endif]--><br />
:段内换行
<!-- [if !supportLists]-->3.
<!-- [endif]--><h1>...</h1>
:标题,公分
6
级,
h1~h6
<!-- [if !supportLists]-->2)
<!-- [endif]-->链接
<a>...</a>
<!-- [if !supportLists]-->3)
<!-- [endif]-->列表
<!-- [if !supportLists]-->1.
<!-- [endif]--><ul></ul>
无须列表
<li></li>
列表项
<!-- [if !supportLists]-->2.
<!-- [endif]--><ol></ol>
有序列表
<!-- [if !supportLists]-->4)
<!-- [endif]-->表格
<!-- [if !supportLists]-->1.
<!-- [endif]--><table></table>
列表
<!-- [if !supportLists]-->2.
<!-- [endif]--><tr />
列表行
<!-- [if !supportLists]-->3.
<!-- [endif]--><td />
列表格
<!-- [if !supportLists]-->5)
<!-- [endif]-->表单
<!-- [if !supportLists]-->1.
<!-- [endif]--><form action=""
method="">
<!-- [if !supportLists]-->2.
<!-- [endif]--><lable>dsadasd</lable>
<!-- [if !supportLists]-->3.
<!-- [endif]--><input type="text"
/>
password
<!-- [if !supportLists]-->四、
<!-- [endif]-->主要标签(块级元素换行
内联元素不换行)
<!-- [if !supportLists]-->1)
<!-- [endif]-->标记文本
标题:
h1
、
h2
、
h3
、
h4
、
h5
、
h6
段落:
p
长引用:(使所有首行缩进表示引用的文本)
blockquote
短引用:
q
如同长引用
预格式文本:(保持编辑时的格式显示在网页上)
pre
各种列元素:
<ol start=””>:
值填几表示从几开始、
ul
、
li
、
dl
、
dt
、
dd dl
如同
ul
、
ol
,
dt
用来描述
dl
列表项的意义,
dl
如同
li
属性
list-style
可设置无须列表
水平线:
hr
<!-- [if !supportLists]-->2)
<!-- [endif]-->表意内联元素
强调文本:
em
斜体
strong
粗体
简写:
<abbr title=””>….</abbr>title
里是全写
标签包含为缩写
浏览器能显示
缩写:
<acronym title=””>
同简写
<!-- [if !supportLists]-->3)
<!-- [endif]-->泛型元素
Div span
span
不换行可以定义在内联元素内
<!-- [if !supportLists]-->4)
<!-- [endif]-->链接
<a href=””
target=
“”
></a>
a
属于内联元素
target
属性表示是否把链接显示在新窗口中“”起任意没有
_
开头的名字
网页链接为
http://
邮件链接为
mailto
<!-- [if !supportLists]-->5)
<!-- [endif]-->加入图片
<Img
/> src
属性:选择图片地址
alt
属性描述图片属性
<!-- [if !supportLists]-->6)
<!-- [endif]-->表格
表:
table
表标题:
caption
位于
table
内
摘要
summary
为摘要属性一般不显示。
表行:
tr
表头:
th
属性
headers
把
td
绑定到第一个
th
表格信息:
td
合并属性:
colspan
(
rowspan
)
=
“”它的值表示合并几列(行)
<!-- [if !supportLists]-->7)
<!-- [endif]-->表单
表单容器:
form
位于表单最外层
<form action=””
method=”post”>action
的值发送到服务器的脚本中
标签:
<label for=”
指定描述对象的
ID
”>
如
<input type=”” name=”” id=”ID
”>
使得标签与对象对应
表单中的字段集:
<fieldset>
<legend>
为字段集添加标题,位于
fieldset
内部
文本输入控件:
a
单行文本输入域:
<input
type=”text” />
属性:
value=
“”在输入域中默认显示的文本
Size=
“”设置输入域中字符宽度。默认值是
20
个字符
Maxlength
:带有滚动条的输入域
字符不限
b
密码输入域:
<input type=”password” />
c
多行文本输入控件:
<textarea name=”” rows=”” cols=””>
了解
提交和重设按钮:
<input type=”submit”>
<input type=”reset” />
属性
value
按钮上的文字
自定义输入按钮:
<input type=”button”>
可作为
script
调用
属性同上
单选按钮和复选框:
<input
type=”radio” /> <input type=”checkbox” />
菜单:
<select>
为定义菜单
<option>
为菜单选项
<optgroup>
为菜单项分组
文件选择控件:
<input
type=”file” />
分享到:
相关推荐
首先,我们来了解HTML的基础结构。HTML(HyperText Markup Language)是一种标记语言,用于创建网页内容的结构。在登录界面中,HTML元素如`<form>`定义了表单,`<input>`用于创建输入字段,`<label>`与输入字段关联...
HTML(HyperText Markup Language)是网页开发的基础语言,用于定义网页的结构和内容。它通过一系列的标签来组织页面元素,如段落、标题、图片和链接等。在"HTML漂亮的信息系统管理界面"中,开发者可能利用了HTML5的...
在这个名为"高仿QQ登录界面html.7z"的压缩包文件中,我们有一个用HTML构建的QQ登录界面的实例,可以直接运行,这对于学习和理解如何使用HTML来设计用户界面提供了很好的实践机会。 首先,我们要知道HTML是用来定义...
HTML界面设计是构建网站和应用程序用户界面的基础,它是一种标记语言,通过结构化标签来描述网页内容和布局。"html界面案例合集"这个压缩包很可能是包含了一系列使用HTML技术制作的网页示例,用于展示不同的界面风格...
在这个主题中,我们重点关注"登陆界面html源码",这是一种使用HTML(超文本标记语言)编写的网页代码,用于构建登录页面。 HTML是网页开发的基础,它定义了网页的结构和内容。在登录界面的HTML源码中,通常会包含...
首先,HTML5的`<form>`标签用于创建表单,是构建登录界面的基础。在登录界面中,通常包含两个输入字段:用户名和密码。这可以通过`<input>`标签实现,其中`type="text"`用于用户名输入,`type="password"`用于密码...
1. **HTML基础**:HTML(超文本标记语言)是网页内容的基础结构。在这个项目中,HTML被用来创建不同的页面元素,如按钮、输入框、聊天窗口等,以模拟微信的各种功能。 2. **CSS布局**:为了使界面看起来像微信,...
"17种非常漂亮的登录界面HTML源码压缩包"提供了多种风格的后台登录和管理界面的设计模板,旨在帮助开发者快速创建吸引人的用户交互体验。 这些源码集合了网络上众多经典的框架和设计元素,确保了设计的多样性和质量...
HTML5是下一代网页标准,它在原有的HTML4基础上增加了许多新的功能和特性,极大地提升了Web应用的性能和用户体验。HTML5 App界面模板是基于这些新特性的设计,旨在为移动应用或现代Web应用提供流畅、互动且响应式的...
这个压缩包文件“科幻后台登录界面html模板.zip”包含了一个设计独特的科幻风格的后台登录界面模板,适合用于科技公司的网站后台管理系统。模板采用蓝色调,展现出浓厚的科技氛围,为用户带来沉浸式的登录体验。主要...
标题中的“28个软件界面html模板”指的是一个资源包,包含了28种不同的HTML模板,这些模板专门设计用于构建软件或B/S(Browser/Server,浏览器-服务器)应用的用户界面。HTML(HyperText Markup Language)是网页...
首先,蓝色用户登录界面HTML模板的核心元素包括: 1. **背景设计**:模板中的背景采用了蓝色调,可能还结合了白云浮动的效果,这种设计可以给用户带来宁静且专业的视觉体验。背景通常通过CSS(Cascading Style ...
【标题】"简单登录注册界面html模板"是一个用于创建用户登录和注册页面的HTML模板,设计简洁而实用。这个模板利用了HTML的基础结构,结合JavaScript的功能性和CSS的样式设计,为开发者提供了一个快速构建基本用户...
本资源包含的大数据可视化界面HTML模板,可能采用了其中的一种或多种库,提供了丰富的图表类型,如柱状图、折线图、饼图、热力图等。 2. **HTML**:HTML是构建网页内容的标准标记语言,它定义了网页的结构。在...
【标题】"绿色系统界面html"所指的是一种网页设计风格,主要特色是采用了绿色作为主色调,构建出清新、舒适且高效的用户界面。在网页设计中,颜色选择至关重要,绿色通常与自然、宁静和环保相关联,因此,这种绿色...
HTML仿Win8.1 Metro界面是一种使用Web技术(主要为HTML、CSS和JavaScript)来创建类似于Windows 8.1操作系统中“Modern UI”或“Metro”风格用户界面的方法。这种界面设计风格以其简洁、大胆的色彩块和扁平化设计而...
这里我们关注的是一个名为“一个用户登录界面html”的项目,它包含了一个HTML文件(login.html)以及一个名为“images”的文件夹,很可能是用来存储登录界面所需的图像资源。 首先,我们需要了解HTML(HyperText ...
这些模板通常包括精心设计的布局、颜色方案、字体样式和交互效果,为开发者提供了一个快速构建美观、功能齐全登录页面的基础。在本案例中,我们有四个不同的HTML登录界面模板,每个可能具有独特的设计和功能特性。 ...
HTML(HyperText Markup Language)是构建网页的基础语言,它定义了页面的结构。在这个项目中,HTML将用于创建模拟iPad的布局框架,包括屏幕、菜单、内容区域等。这可能涉及使用`<div>`元素来创建各个部分,并通过类...
HTML5 CSS网页音乐播放器及登录界面是一种利用现代Web技术构建的交互式用户界面,它结合了HTML5、CSS和JavaScript的力量,为用户提供了一个既美观又功能丰富的音乐播放体验,同时具备用户登录功能。以下是对这些关键...