HTML

331 阅读4分钟

一.html基本概念

1.html是什么?

HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等


2.html有什么组成?

(1)html由标记、头部和主体三部分组成。标记说明文件是用超文本标记语言来描述的,头部表示头部信息的开始和结尾,网页中显示的实际内容均包含在主体中。
(2)标记 <html></html> :说明该文件是用超文本标记语言来描述的,它是文件的开头,而</html>则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。
头部<head></head>:表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。
主体<body></body>:网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。
***

3.html中的标签、元素、属性

(1)标签的分类:

           单标签<标记名/>    男标签,如:<br>   特点是独自一行显示

           双标签<标记名/>     女标签,如:<span>  特点是并排显示

           特殊标签<标记名/>   人妖标签,如:<input>  特点是并排显示还能设置行高

(2)元素:html的元素指的是从开始标签到结束标签的所有代码,也就是构成HTML文件的基本对象;HTML元素就是通过使用HTML标签进行定义的。
(3)属性:标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现,比如:name="value"。属性总是在 HTML 元素的开始标签中规定。

二.html内容

1.html基本骨架

<!DOCTYPE html><!--解释文档类型为HTML-->
<html lang="en"><!--声明网页语言,“en”为英文,“zh-cn”为中文。html为开始标签-->
    <head><!--头部-->
        <meta charset="UTF-8"><!--定义网页编码格式为UTF-8 -->
        <title>网页标题</title>
    </head>
    <body><!--主体-->
    </body>
</html><!--结束标签-->

2.html常用标签

1.标题标签<h1——h6>
2.字体标签<font>
3.段落标签<p>
主要用于将一段内容包裹起来,便于后期的统一设置,p标签本身没有效果,标签内的内容与标签外的内容空一行(自动换行)
4.换行标签(br)
< br/>换行标签,中间不空行
5.水平线标签(hr)
< hr/>
6.图片标签(img)
< img src=”图片地址” width=”宽度” height=”高度” / >
7.超链接标签<a>
用法1:超链接:主要用于将多个页面关联到一起,使用超链接可以直接访问另一个页面;
通过base标签统一设置页面超链接的显示目标< base target="_blank" / > 用法2:用于锚记页面中的某个位置或其他页面中的某个位置
8.列表标签
(1)有序列表
<ol>
<li><li/>
<ol/>
(2)无序列表
<ul>
<li> <li>
<ul>
(3) 自定义列表
dl:外围标签
dt:列表的标题标签
dd:设置列表的具体列表项
9.文本设置标签
<b><b/>字体加粗
<i><i/>设置斜体
<u><u/>设置文本下划线
<s><s/>在文本上设置一个删除线

3.html表格标签

<caption>   定义表格标题。          
<col>      定义表格中一个或多个列的属性值。
<colgroup>  定义表格中供格式化的列组。    
<table>     定义表格。            
<tbody>     定义表格中的主体内容。 
<td>        定义表格中的单元。          
<th>        定义表格中的表头单元格。     
<thead>     定义表格中的表头内容。      
<tr>        定义表格中的行。

4.html表单标签

1.input 输入表单元素
<input>标签是一个单标签,用于收集用户信息
文本框(text) <input type="text">
密码框(password) <input type="password">
单选按钮(radio) <input type="radio">
复选框(checkbox) <input type="checkbox">
提交按钮(submit) <input type="submit">
重置按钮(reset) <input type="reset">
普通按钮(button)<input type="button">
文件域 (file) <input type="file">
2.select 下拉表单元素
在页面中,如果有多个选项让用户选择,并且想要节约页面空间时,我们可以使用标签控件定义下拉列表
 <select>中至少包含一对<option><option>中定义selected=“selected”时,当前项即为默认选中项
3.textarea 表单元素
当用户输入内容较多的情况下,我们可以用表单元素标签替代文本框标签,在表单元素中,<textarea>标签是用于定义多行文本输入的控件