韩顺平HTML与CSS教程：图像表格、列表与框架详解

5星 · 超过95%的资源需积分: 9 51 浏览量更新于2024-07-26 1 收藏 1.3MB PDF 举报

“韩顺平html，div+css视频听讲笔记涵盖了HTML中的图像、表格、列表、框架以及表单元素的使用，详细讲解了各种标签和属性。” 在HTML语言中，图像的插入是通过`<img>`标签实现的，其基本语法是`<img src="图片路径" width="宽度" height="高度">`。这里的`src`属性指定了图像的来源，可以是相对路径或URL；`width`和`height`属性定义了图像的尺寸。在表格元素中，HTML的`<table>`标签常用于展示数据，先确定行数再确定列数。在布局需求不高的时代，常利用表格进行页面布局。无序列表`<ul>`和有序列表`<ol>`是组织内容的常用方式。无序列表的每个条目由`<li>`标签包裹，`type`属性可以设置为`disc`（默认）、`circle`或`square`来改变项目符号的样式。有序列表`<ol>`则会自动编号，`type`属性可以设置为`a`、`A`、`i`、`I`来指定编号样式，`start`属性定义了列表的起始数值。 HTML的框架`<frameset>`和`<frame>`用于创建多窗口的页面布局。`<frameset cols="比例1,比例2,...">`定义了列布局，`<frame name="frameName" src="url" noresize frameborder="0">`定义了框架的名称、源页面和边框设置。需要注意，框架页面中不应包含`<body>`标签。 `<iframe>`元素用于在已有HTML文档中嵌入另一个页面，实现“画中画”效果。它提供了一种在页面内展示独立内容的方式，例如嵌入视频、地图等。 HTML表单是数据交互的核心，通常用于用户注册、提交信息等场景。常见的表单元素包括`<input>`（如文本输入`type="text"`、密码输入`type="password"`、单选按钮`type="radio"`、复选框`type="checkbox"`等）、`<textarea>`（文本域）、`<select>`（下拉列表）和`<file>`（文件上传）。表单的基本结构包括`<form>`标签，定义了表单的开始和结束，以及`action`属性指定数据提交的URL，`method`属性定义提交方式（如`GET`或`POST`）。例如，以下是一个简单的登录表单示例： ```html <html> <head> <title>登录页面</title> </head> <body> <form>  <label for="username">用户名：</label> <input type="text" id="username" name="username"><br> <label for="password">密码：</label> <input type="password" id="password" name="password"><br> <input type="submit" value="登录"> </form> </body> </html> ``` 在这个例子中，用户输入的用户名和密码将以键值对的形式（username=输入的用户名，password=输入的密码）提交给服务器处理。

ruhezheng

粉丝: 0
资源: 7

韩顺平HTML与CSS教程：图像表格、列表与框架详解

韩顺平轻松搞定网页设计(html.css.js)(完整版)

韩顺平轻松搞定网页设计(html.css.js)(完整版).docx

韩顺平 DIV+CSS 超级详细笔记

韩顺平html+div+css+js全部笔记及w3c帮助文档

韩顺平html+css+javascript-----div+css笔记

韩顺平讲解的Div+CSS基础教程笔记

韩顺平div+css笔记完整

韩顺平-html+(DIV+CSS)+javascript.doc

韩顺平html+css+javascript笔记完整版

韩顺平 html+css+JS完整笔记

最新资源