`
gift5168xf
  • 浏览: 29202 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

界面HTML基础

阅读更多

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]-->空格 &nbsp

<!-- [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的基础结构。HTML(HyperText Markup Language)是一种标记语言,用于创建网页内容的结构。在登录界面中,HTML元素如`&lt;form&gt;`定义了表单,`&lt;input&gt;`用于创建输入字段,`&lt;label&gt;`与输入字段关联...

    HTML漂亮的信息系统管理界面

    HTML(HyperText Markup Language)是网页开发的基础语言,用于定义网页的结构和内容。它通过一系列的标签来组织页面元素,如段落、标题、图片和链接等。在"HTML漂亮的信息系统管理界面"中,开发者可能利用了HTML5的...

    高仿QQ登录界面html.7z

    在这个名为"高仿QQ登录界面html.7z"的压缩包文件中,我们有一个用HTML构建的QQ登录界面的实例,可以直接运行,这对于学习和理解如何使用HTML来设计用户界面提供了很好的实践机会。 首先,我们要知道HTML是用来定义...

    html界面案例合集

    HTML界面设计是构建网站和应用程序用户界面的基础,它是一种标记语言,通过结构化标签来描述网页内容和布局。"html界面案例合集"这个压缩包很可能是包含了一系列使用HTML技术制作的网页示例,用于展示不同的界面风格...

    登陆界面html源码

    在这个主题中,我们重点关注"登陆界面html源码",这是一种使用HTML(超文本标记语言)编写的网页代码,用于构建登录页面。 HTML是网页开发的基础,它定义了网页的结构和内容。在登录界面的HTML源码中,通常会包含...

    html5简单的 登陆界面

    首先,HTML5的`&lt;form&gt;`标签用于创建表单,是构建登录界面的基础。在登录界面中,通常包含两个输入字段:用户名和密码。这可以通过`&lt;input&gt;`标签实现,其中`type="text"`用于用户名输入,`type="password"`用于密码...

    html实现微信界面

    1. **HTML基础**:HTML(超文本标记语言)是网页内容的基础结构。在这个项目中,HTML被用来创建不同的页面元素,如按钮、输入框、聊天窗口等,以模拟微信的各种功能。 2. **CSS布局**:为了使界面看起来像微信,...

    17种非常漂亮的登陆界面HTML源码压缩包.rar

    "17种非常漂亮的登录界面HTML源码压缩包"提供了多种风格的后台登录和管理界面的设计模板,旨在帮助开发者快速创建吸引人的用户交互体验。 这些源码集合了网络上众多经典的框架和设计元素,确保了设计的多样性和质量...

    Html 5 App 界面模板(HTML5模板)

    HTML5是下一代网页标准,它在原有的HTML4基础上增加了许多新的功能和特性,极大地提升了Web应用的性能和用户体验。HTML5 App界面模板是基于这些新特性的设计,旨在为移动应用或现代Web应用提供流畅、互动且响应式的...

    科幻后台登录界面html模板.zip

    这个压缩包文件“科幻后台登录界面html模板.zip”包含了一个设计独特的科幻风格的后台登录界面模板,适合用于科技公司的网站后台管理系统。模板采用蓝色调,展现出浓厚的科技氛围,为用户带来沉浸式的登录体验。主要...

    28个软件界面html模板

    标题中的“28个软件界面html模板”指的是一个资源包,包含了28种不同的HTML模板,这些模板专门设计用于构建软件或B/S(Browser/Server,浏览器-服务器)应用的用户界面。HTML(HyperText Markup Language)是网页...

    蓝色用户登录界面HTML模板

    首先,蓝色用户登录界面HTML模板的核心元素包括: 1. **背景设计**:模板中的背景采用了蓝色调,可能还结合了白云浮动的效果,这种设计可以给用户带来宁静且专业的视觉体验。背景通常通过CSS(Cascading Style ...

    简单登录注册界面html模板

    【标题】"简单登录注册界面html模板"是一个用于创建用户登录和注册页面的HTML模板,设计简洁而实用。这个模板利用了HTML的基础结构,结合JavaScript的功能性和CSS的样式设计,为开发者提供了一个快速构建基本用户...

    5套大数据可视化界面html

    本资源包含的大数据可视化界面HTML模板,可能采用了其中的一种或多种库,提供了丰富的图表类型,如柱状图、折线图、饼图、热力图等。 2. **HTML**:HTML是构建网页内容的标准标记语言,它定义了网页的结构。在...

    绿色系统界面html

    【标题】"绿色系统界面html"所指的是一种网页设计风格,主要特色是采用了绿色作为主色调,构建出清新、舒适且高效的用户界面。在网页设计中,颜色选择至关重要,绿色通常与自然、宁静和环保相关联,因此,这种绿色...

    html仿win8.1 metro界面

    HTML仿Win8.1 Metro界面是一种使用Web技术(主要为HTML、CSS和JavaScript)来创建类似于Windows 8.1操作系统中“Modern UI”或“Metro”风格用户界面的方法。这种界面设计风格以其简洁、大胆的色彩块和扁平化设计而...

    一个用户登录界面html

    这里我们关注的是一个名为“一个用户登录界面html”的项目,它包含了一个HTML文件(login.html)以及一个名为“images”的文件夹,很可能是用来存储登录界面所需的图像资源。 首先,我们需要了解HTML(HyperText ...

    4个html登录界面模板

    这些模板通常包括精心设计的布局、颜色方案、字体样式和交互效果,为开发者提供了一个快速构建美观、功能齐全登录页面的基础。在本案例中,我们有四个不同的HTML登录界面模板,每个可能具有独特的设计和功能特性。 ...

    html模拟ipad界面效果

    HTML(HyperText Markup Language)是构建网页的基础语言,它定义了页面的结构。在这个项目中,HTML将用于创建模拟iPad的布局框架,包括屏幕、菜单、内容区域等。这可能涉及使用`&lt;div&gt;`元素来创建各个部分,并通过类...

    html5 CSS网页音乐播放器及登录界面

    HTML5 CSS网页音乐播放器及登录界面是一种利用现代Web技术构建的交互式用户界面,它结合了HTML5、CSS和JavaScript的力量,为用户提供了一个既美观又功能丰富的音乐播放体验,同时具备用户登录功能。以下是对这些关键...

Global site tag (gtag.js) - Google Analytics