HTML入门教程：标记语言详解

需积分: 3 61 浏览量更新于2024-07-31 收藏 97KB DOC 举报

“网页编程课堂笔记.doc”主要涵盖了HTML的基础知识，包括HTML的工作原理、基本标记、属性使用以及一些常见的HTML元素。 HTML（HyperText Markup Language）是一种标记语言，用于构建和设计网页。它以尖括号 `<` 和 `>` 包围的标记来定义网页的结构和内容。HTML标记通常由开始标记和结束标记组成，例如 `<html>` 和 `</html>`。HTML不区分大小写，且支持注释，如``。在网页的结构中，`<html>` 是整个网页的根元素，所有的其他元素都包含在这个标签内。`<head>` 标签用来存放元数据，如设置网页标题或描述信息，而`<body>` 标签则包含网页的可见内容。标题是网页的重要组成部分，通过`<title>`标签设定，通常放在`<head>`标签内，显示在浏览器的标题栏上。`<meta>`标签可以提供网页的描述信息，例如设置网页自动刷新的元数据： ```html <meta http-equiv="refresh" content="2;url=c:"> ``` `<body>`标签有一些属性，比如`bgcolor`用于设置背景色，`background`用于设置背景图片，`bgproperties="fixed"`让背景图片固定。文本格式化元素包括`<p>`定义段落，`<h1>`到`<h6>`定义不同级别的标题，`<br>`用于换行，`<pre>`保留原始格式，`<i>`斜体，`<b>`加粗，`<u>`下划线，`<sup>`上标和`<sub>`下标。段落`<p>`与`<br>`的区别在于`<p>`会添加额外的空白行。列表元素`<ul>`创建无序列表，`<ol>`创建有序列表，每个列表项由`<li>`标签定义。有序列表可以通过`type`属性设置列表样式，`start`属性可以指定起始编号。`<hr>`标签用于插入水平线，其属性包括`size`定义线条粗细，`width`定义宽度，`noshade`去除阴影，以及`align`定义对齐方式。这些基础知识构成了网页开发的基本框架，是学习HTML和网页编程的入门步骤。掌握这些元素和属性的使用，能够帮助初学者创建简单的静态网页。

提交按钮 submit 单击后会跳转到 action 所规定的提交页面

重置按钮 reset 清空，使表单元素回到初始状态

普通按钮 button

图片提交 image 功能相当于 submit

单选框 radio

复选框 checkbox

文件 file

隐藏域 hidden

name 表单元素的名称

value 值

size 文本框的宽度

maxlength 文本框最大字符数

checked 选中(单选和复选)

src 图片提交按钮的路径

操作细节

1.<input type="image">与<a><img></a>的区别:

前者为图片提交，将所有表单元素的名字及值上传到服务器

后者为页面跳转，只是简单的超链接。

2.单选框和复选框分组，只需要将 name 即名字设置为一样就 OK

3.单复框有提交值与提示值之分

<input type="radio" value="nan">男

value 为提交值，提交时上传服务器

标记后的男会显示在页面上，起提示作用,跟提交无关

4.列表框和文本域不能使用 input 标记

5.单复框用 checked，列表框用 selected 选中

6.按钮可以用<input>也可以用<button>标记,但<button>可以改变字体或在按钮上加图片

b.<select>和<option> 列表框及列表项

</select>

属性：

size :框的大小（行）

multiple:是否可以选择多项

c. <textArea>文本域

属性：

cols 总列数

rows 总行数

<textArea >我喜欢</textArea> 没有 value 属性，值必须放在中间

附:

剩余20页未读，继续阅读

luochuanchun

粉丝: 0
资源: 2

HTML入门教程：标记语言详解

2023年网编程课堂笔记.doc

JAVA的面向对象编程课堂笔记.doc

Web程序设计课堂笔记.doc

2023年北京圣思园java课堂笔记.doc

2023年课堂笔记flash.doc

JAVA11培训课堂 2020版 部分笔记.doc

QT笔记本.doc

课堂笔记(flash).doc编程资料

JavaEE课堂笔记_rw.doc

java 私塾课堂笔记——WebService.doc

最新资源

JAVA11培训课堂 2020版部分笔记.doc