学习HTML-第一章HTML基础

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了学习HTML-第一章HTML基础，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4595字，纯文字阅读大概需要7分钟。

内容图文

?<标记??属性=“属性值” ??属性=“属性值”></标记>

2.空标记
??????<标记 属性=“属性值” ?/>
说明：
1.写在<>中的第一个单词叫做标记，标签，元素。
2.标记和属性用空格隔开，属性和属性值用等号连接，属性值必须放在“”号内。
3.一个标记可以没有属性也可以有多个属性，属性和属性之间不分先后顺序。
4.空标记没有结束标签，用“/”代替。

八、 XHTML常用标记

1）文本标题（h1-h6）

<h1>一级标题</h1>
<h2>二级标题</h2>
...
<h6>六级标题</h6>

• 正文有两种形式（段落文本和文字列表）
  2） 段落(p)

<p>段落文本内容</p>

标识一个段落(段落与段落之间有段间距)
?
3）空格 (?)
 （所占位置没有一个确定的值,这与当前字体字号都有关系）.
4） 换行(br)
<br />
换行是一个空标记(强制换行)
?
5）加粗
加粗有两个标记

1.<b>加粗内容</b>
2.<strong>加粗内容</strong>
?

?
6）倾斜
倾斜标记

1.<em></em>
2,<i></i>

?
7）水平线

<hr />空标记

8）列表(ul,ol,dl)
HTML中有三种列表，分别是：无序列表，有序列表，自定义列表

• 无序列表
  无序列表组成：

<ul>
<li></li>
<li></li>
<li></li>
．．．．．．
</ul>

• 有序列表
  有序列表组成：

<ol>
<li></li>
<li></li>
<li></li>
．．．．．．
</ol>

• 自定义列表

<dl>
?????<dt>名词</dt>
?????<dd>解释</dd>
．．．．．．
</dl>

九、图片

<img src="目标文件路径及全称"?alt="图片替换文本"?title="图片标题"?/>

注:所要插入的的图片必须放在站点下
title的作用: 在你鼠标悬停在该图片上时显示一个小提示，鼠标离开就没有了，HTML的绝大多数标签都支持title属性，title属性就是专门做提示信息的
alt的作用:alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息，它会直接输出在原本加载图片的地方。
*相对路径的写法：
1)当当前文件与目标文件在同一目录下，直接书写目标文件文件名+扩展名；
?
2)当当前文件与目标文件所处的文件夹在同一目录下，写法如下：
文件夹名/目标文件全称+扩展名；
?
3)当当前文件所处的文件夹和目标文件所处的文件夹在同一目录下，写法如下：
../目标文件所处文件夹名/目标文件文件名+扩展名；

十、超链接的应用

语法：

<a href="目标文件路径及全称/连接地址" alt="替换文本"?title="提示文本">链接文本/图片</a>
<a href="#"></a>空链接

属性：target:页面打开方式
属性值：_blank 新窗口打开
属性值：_self 本窗口打开
新页面打开

十一、 数据表格的作用及组成

作用：显示数据

<table width="value" height="value" border="value" bgcolor="value" cellspacing="value" cellpadding="value">
<tr>
?????<td></td>
????<td></td>
</tr>
</table>

注：一个tr表示一行;一个td表示一列(一个单元格)
*数据表格的相关属性
1）width="表格的宽度"
2）height="表格的高度"
3）border="表格的边框"
4）bgcolor="表格的背景色"
5）cellspacing="单元格与单元格之间的间距"
6）cellpadding="单元格与内容之间的空隙"
7）对齐方式：align="left/center/right"; valign=”top/middle/bottom”;
8)合并单元格属性：
colspan=“所要合并的单元格的列数"合并列;
一行
一行 一行

rowspan=“所要合并单元格的行数”合并行;
一行 一行
一行

十二、表单的应用

表单的作用：用来收集用户的信息的;
1、表单框

<form name="表单名称" method="post/get" ?action="">
?
</form>

?
1）文本框

<input type="text" value="默认值"/>

2)密码框

<input type="password" />
<input type="password" placeholder="密码" />

3)提交按钮

<input type="submit" value="按钮内容" />

?
4)重置按钮

<input type="reset" value="按钮内容" />

?
5）单选框/单选按钮

<input type="radio" name="ral" />
<input type="radio" name="ral" />
<input type="radio" name="ral" checked="checked" />(默认选中；)

?
6）复选框

<input  type="checkbox"  name="like" />
<input type="checkbox" name="like" disabled="disabled" /> (disabled="disabled" :禁用)
(checked="checked" :默认选中)

?
7)下拉菜单

<select ???name="">
?????????<option>菜单内容</option>
</select>

?
8）多行文本框（文本域）

<textarea name="textareal" cols="字符宽度" rows="行数">
</textarea>

?
9)按钮

<input ??name="'" ??type="button" value=“按钮内容” />

注：（button和submit的区别是 ，submit是提交按钮 起到提交信息的作用，button只起到跳转的作用，不进行提交。）

13）div的用法

<div id="id名"/class="class名"></div>

文档区域，文档布局对象

14） span的用法
文本结点（某一小段文本，或是某一个字）

15）post和get的区别？

1. get是从服务器上获取数据，post是向服务器传送数据。
2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。
3. 对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。
4. get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论上，IIS4中最大量为80KB，IIS5中为100KB。

5. get安全性非常低，post安全性较高。但是执行效率却比Post方法好。

   十三、iframe框架

   iframe 元素会创建包含另外一个文档的内联框架（即行内框架）

原文：https://www.cnblogs.com/wangzhichao/p/12164823.html

内容总结

以上是互联网集市为您收集整理的学习HTML-第一章HTML基础全部内容，希望文章能够帮你解决学习HTML-第一章HTML基础所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端