HTML基础_html-js-css

概述1.互联网的三大基石（C） – 统一资源定位符（URL） • 互联网上每个资源都对应一个单独的URL – 超文本传送协议（HTTP, HyperText Transfer Protocol） • 它负责规定浏览器和服务器怎样互相交流 – 超文本标记语言（HTML,HyperText Markup Language） • 作用是定义超文本文档的结构和格式 2.什么是HTML？（C） HTML（Hyp 1.互联网的三大基石（C）

– 统一资源定位符（URL）

• 互联网上每个资源都对应一个单独的URL

– 超文本传送协议（http,HyperText Transfer Protocol）

• 它负责规定浏览器和服务器怎样互相交流

– 超文本标记语言（HTML,HyperText MarkuP Language）

• 作用是定义超文本文档的结构和格式

2.什么是HTML？（C）

HTML（HyperText Mark-uP Language）即超文本标记语言，是目前网络上应用最为广泛的语
言，也是构成网页文档的主要语言。

3.HTML基础语法（B）

<HTML>     <head>          <Title>网页标题</Title>     </head>     <body>          网页主体部分     </body></HTML>

4.HTML注释（C）

HTML注释由 ”<!- -” 开始，由 ”- ->” 结束，
HTML注不可以嵌套使用。

5.标签

是HTML语言的基本部分。标签一般是成对出现，每一对标签一般都有一个开始的标记（如<body>），也有一个结束的标记（如</body>）。（也有单标签，如：<br/>、<hr/>）

6.head 标签

<head>元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示。主要用于对文档做整体的控制（CSS），以及做搜索引擎优化。

Title标签：定义在head标签中，用来定义网页的标题。
meat标签：

– <Meta name="keywords“ content="study,computer">

• 用来标记搜索引擎在搜索你的页面时所取出的关键词。

– <Meta name=“description“ content=“java,HTML">

• 这个 Meta 元素定义了对页面的描述:

– <Meta name="author" content=“puckasoft">

• 用来标记文档的作者。

– <Meta http-equiv=“Content-Type” content=“text/HTML” charset=gb2312”>

• 用来标记你的页面的解码方式。

– <Meta http-equiv=“refresh” content=“间隔秒数;URL=网页”>

• 用来自动刷新网页

7.文本常用标签

1.<p>-段落标签(paragraph)

2.标签<h1>到<h6>标题标签。<h1>定义了最大的标题，<h6>定义了最小的。

3.<br />换行标签。

4.<hr />水平线

5.<del>...</del>删除线

6.<b>...</b>粗体字(bold)

7. <i>...</i>斜体字 (italic)

8.<sub> 下标(subscript)
9.<sup> 上标 (superscript)

10.<pre>原样输出

8.<img> 图像标签

– src:图像文件地址
– wIDth：图像的宽
– height：图像的高
– border:图像的边框
– Title：表示鼠标在图片上停留时，显示一个文字悬浮框。
– alt：用于图片没显示时，显示一个说明文字。

9.音频和视频

<audio>音频标签（用法跟vIDeo一样）
<vIDeo>视频标签

– src: 视频文件地址
– autostart: 自动播放
– loop: 循环播放。
– hIDden:显示播放条。

10. 超链接

<a href="链接地址" target="打开方式">链接文本或图片</a>

href：资源路径
target：超链接打开的方式
"_self" 表示在当前标签中打开
"_blank" 打开一个新开标签页
"_parent" 在父窗口中打开
"_top" 在最顶层窗口打开
自定义在指定name出打开该超链接

锚点链接

在需要链接的地方创建锚点链接<a name="锚点名称"></a>
访问时通过 href=“#锚点名” 访问

发送邮件

<a href="mailto:[email protected]?subject=AboutHTML">发邮件给我</a>

11.有序列表（order List）

<ol>

</ol>

12.无序列表(unorder List)：

<ul>

</ul>

13.表格

• <table>
• <tr>行
• <th>表格头
• <td>列

– colspan=“2”跨两列
– rowspan=“2”跨两行
– align=left/right/center 对齐方式

14.iframe内嵌框架

它的作用是在一网页中间插入一个框窗以显示另一个网页

name：为iframe命名
– _blank :打开一个新窗口
– _top :链接会开启在原本窗口中，并占满整个浏览器窗口
– _parent:占满目前子网页的frameset所指定区域

15.表单（A）

表单用于收集和提交用户输入的数据。

15.1属性：

ID 表单的ID，用于Js获取表单
name 表单的名字，用于Js获取表单
action 表单提交的地址
method 表单提交的方式，常用值为get和post
get （默认）
post
enctype 表单中数据的编码方式，
application/x-www-form-urlencoded （默认）
multipart/form-data
text/plain

15.2 form标签下的子标签（表单域）

1.input

属性
type="text" 文本框
type="password" 密码框
type="hIDden" 隐藏框
type="file" 文件框
type="radio" 单选按钮 name属性相同即为一组
type="checkBox" 复选框 name属性相同即为一组
对于input type="radio"和input type="checkBox"来讲，
添加 checked="checked"属性表示默认选中该选项
type="submit" 提交按钮，提交表单
type="reset" 重置按钮，重置表单
type="button" 普通按钮,用于被Js调用
对于input type="submit"、input type="reset"和input type="button"来讲，value属性表示按钮上的文字

2. select 下拉列表框

给select添加multiple="multiple"的属性后，就变成多选需要和option标签一起使用

3. textarea 多行文本域
4. button 按钮

15.3 注意：

1.对于所有的子标签来讲，只有添加name属性，才可以提交！！！ 2.一般来讲，value属性就是提交的值 3.对于radio和checkBox而言，如果没有设定value属性，则提交时值为on 4.对于select而言，select提交的值就是option标签的value属性值，如果option标签没有设定value属性值时，默认提交option标签中间的文本值 5.对于textarea而言，textarea提交的值不是value属性，而是标签中间的文本数据 6.对于三个按钮来讲，input和button从本质来讲并无区别，而且一般情况不需要设置name属性（即不用提交）

总结

以上是内存溢出为你收集整理的HTML基础全部内容，希望文章能够帮你解决HTML基础所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/1082839.html