HTML基础

最新推荐文章于 2024-08-20 10:31:33 发布

time_goes

最新推荐文章于 2024-08-20 10:31:33 发布

阅读量240

点赞数

分类专栏： PHP WEB 开发课程总结

本文链接：https://blog.youkuaiyun.com/time_goes/article/details/84239902

版权

PHP WEB 开发课程总结专栏收录该内容

2 篇文章

订阅专栏

一、HTML文档的基本结构

1.1、一个标准的HTML文件通常由4个主要的标记元素构成，其基本格式为：

<html>
文件头文件体HTML文件
<head>
<title>HTML文件标题</title>
</head>
<body>
HTML文件的正文在这里。。。。。
</body>
</html>

1.2、标题标记<title></title >及主体标记<body></body>

<title>…</title>标记用于定义页面的标题，在浏览网页时其定义的文本内容将显示浏览器的标题栏中。<body>…</body>标记用来指明文档的主体区域。

二、文本格式标记

2.1、标题字体标记<hn></hn>
n:数字 1-6，字体从大到小
在这里插入图片描述

2.2、字体风格标记
<b> <i> <u> <sup> <sub> <em> <strong> <big>
在这里插入图片描述

2.3字体标记<font></font>
<font> 规定文本的字体、字体尺寸、字体颜色。
在这里插入图片描述

2.4、段落标记<p></p>与换行标记<br>
在这里插入图片描述

2.5、列表标记<ul></ul > <ol></ol > <dl></dl>
（1）<ul> 标签定义无序列表;
（2）<ol>标签定义有序列表；
（3）<dl>标签定义一个定义列表：<dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。
在这里插入图片描述

2.6、水平线标记<hr/>

2.7、转义字符与其他特殊符号&copy、&plusmn、&divide、&lt、&plusmn及&nbsp
在这里插入图片描述

三、超链接标记<a></a>

3.1 、链接的定义：
链接的源对象是指可以设置链接的网页对象，主要有文本、图像或文本图像的混合体。它们对应<a>标记所显示的内容。其格式如下：

<a href="url" title="鼠标悬停在链接处显示的文字注释">
链接显示内容
</a>

3.2、链接的种类：
在网页中超链接的种类很多，如文件链接、电子邮件链接、锚链接等，定义这些不同链接只需要将href属性设置为相应的内容即可。
锚链接：
在这里插入图片描述

四、图像标记<img>

4.1、图像的基本格式
网页中可以插入的图像文件可以是JPG格式、GIF格式或PNG格式，它们都是压缩形式的图像格式，体积比位图格式的图像小，所以适合于网络传输。

4.2、图像的对齐方式 ：<img src = " " align=" "/>

4.3、图像的大小: <img src = " " width=" " height=" "/>
在缺省状况下，图片显示原有的大小。用户可以用height和width属性改变图片的大小。

五、表格标记

5.1、表格定义标记<table></table> <tr></tr> <th></th> <td></td>
<table> 标签定义 HTML 表格。
一个简单的 HTML 表格包括 table 元素，一个或多个 tr、th 以及 td 元素。
tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。
更复杂的 HTML 表格也可能包含 caption, col, colgroup, thead, tfoot, tbody 等元素。
在这里插入图片描述

六、表单标记

6.1、表单的基本语法

<from action="url" method=get/post>
......
<input type="submit" />
</from>

6.2.1、在文本框中输入文字和密码

6.2.2、复选框（CheckBox）和单选按钮（Radio）
定义复选框的语法为：<input type=checkbox name=… value=…>
描述复选框被选中的语法为：<input type=checkbox name value=…checked>

6.2.3、列表框（Select）

6.2.4、文本区域（textarea）
文本区域的语法格式为：<textarea name=… rows=* cols=*> …</textarea>
其中，*取整数，rows表示文本区的行数，cols表示文本区的列数。

6.2.5、表单中的按钮

6.2.6、隐藏表单的元素
隐藏表单元素的语法是：<input type=hidden value=*>，其功能是在浏览网页时，浏览器不会显示这个表单字段元素，但当提交表单时，浏览器会将这个隐藏表单元素的name属性和value属性值组成的信息发送给服务器。

6.3
在这里插入图片描述