HTML+CSS基础——CSS控制器（列表、表单、表格）
Lists, Tables, and Forms
Poetry Workshops
We will be conducting a number of poetry workshops and symposiums throughout the year.
Please note that the following events are free to members:
- A Poetic Perspective
- Walt Whitman at War
- Found Poems and Outsider Poetry
New York
Chicago
San Francisco
A Poetic Perspective
Sat, 4 Feb 2012
11am - 2pm
Sat, 3 Mar 2012
11am - 2pm
Sat, 17 Mar 2012
11am - 2pm
Walt Whitman at War
Sat, 7 Apr 2012
11am - 1pm
Sat, 5 May 2012
11am - 1pm
Sat, 19 May 2012
11am - 1pm
Found Poems & Outsider Poetry
Sat, 9 Jun 2012
11am - 2pm
Sat, 7 Jul 2012
11am - 2pm
Sat, 21 Jul 2012
11am - 2pm
Natural Death: An Exploration
Sat, 4 Aug 2012
11am - 4pm
Sat, 8 Sep 2012
11am - 4pm
Sat, 15 Sep 2012
11am - 4pm
-
HTML 结构：
表示这是一个 HTML5 文档。标签是整个 HTML 文档的根元素。标签用于定义文档的头部，其中包含了页面的元信息和样式表。</code> 标签定义了文档的标题，将显示在浏览器的标题栏或页签上。</li> <li><code><style></code> 标签用于在文档中嵌入 CSS 样式。</li> <li><code><body></code> 标签包含了页面的可见内容。</li> </ul></li> <li> <p>CSS 样式：</p> <ul> <li>定义了 <code>body</code> 的字体、字号、颜色和背景颜色。</li> <li><code>li</code> 标签使用了图片作为列表项前面的符号，并设置了行高。</li> <li><code>table</code>、<code>th</code> 和 <code>td</code> 定义了表格的样式，设置了间距、边框和文本对齐方式。</li> <li><code>.head</code> 类定义了表头单元格的样式，设置了背景色、边框和字体样式。</li> <li><code>fieldset</code> 定义了一个表单区域，设置了宽度、边框和背景色。</li> <li><code>input[type="text"]</code> 定义了文本输入框的样式，设置了宽度、边框和背景色。</li> <li><code>input[type="submit"]</code> 定义了提交按钮的样式，设置了边框、背景色和文字颜色。</li> <li><code>.title</code> 和 <code>.submit</code> 类定义了其他元素的样式，设置了浮动和宽度等。</li> </ul></li> <li> <p>页面内容：</p> <ul> <li><code><h1></code> 标签定义了页面的主标题。</li> <li><code><p></code> 标签用于段落，包含了关于诗歌工作坊的一些说明。</li> <li><code><ul></code> 和 <code><li></code> 标签用于创建无序列表，展示了几个诗歌工作坊的名称。</li> <li><code><table></code>、<code><tr></code>、<code><th></code> 和 <code><td></code> 标签创建了一个表格，展示了不同工作坊在不同地点和时间的安排。</li> <li><code><form></code> 标签定义了一个表单，用于注册兴趣并提交信息。</li> <li><code><fieldset></code> 标签将相关的表单元素包含在一个组中。</li> <li><code><legend></code> 标签定义了字段集的标题。</li> <li><code><input></code> 标签用于创建文本输入框和提交按钮。</li> <li><code><label></code> 标签定义了表单元素的标签文本。</li> <li><code><select></code> 标签创建了一个下拉列表，用于选择最近的工作坊中心。</li> <li><code><option></code> 标签定义了下拉列表中的选项。</li> </ul></li> </ol> <p><a href="http://img.e-com-net.com/image/info8/b85f1b5cfb3347a2bd76f82cffb3deb9.jpg" target="_blank"><img alt="HTML+CSS基础——CSS控制器（列表、表单、表格）_第1张图片" height="350" src="http://img.e-com-net.com/image/info8/b85f1b5cfb3347a2bd76f82cffb3deb9.jpg" width="650" style="border:1px solid black;"></a></p> <pre><code><!DOCTYPE html> <html> <head> <title>Lists, Tables, and Forms Poetry Workshop Schedule
Welcome to the Poetry Workshop Schedule. Please see the list of upcoming workshops below and sign up for the one that interests you most.
- Writing for Beginners
- Advanced Poetry Techniques
- Experimental Poetry
Date Location Time January 10 Main Street Center 10:00 AM February 15 Community Center 2:00 PM 这里是余下代码的分析：
Poetry Workshop Schedule
Welcome to the Poetry Workshop Schedule. Please see the list of upcoming workshops below and sign up for the one that interests you most.
这部分是页面的实际内容。
标签定义了页面标题，显示为 “Poetry Workshop Schedule”。标签包含了欢迎词和说明内容。- Writing for Beginners
- Advanced Poetry Techniques
- Experimental Poetry
这是一个无序列表，列出了几个即将举办的诗歌工作坊项目。
Date Location Time January 10 Main Street Center 10:00 AM February 15 Community Center 2:00 PM 这是一个表格，展示了不同工作坊项目在不同地点和时间的安排。