目录
1. HTML介绍
HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。
2. HTML文件格式
3. HTML标签
3.1 超链接a标签
<a href="" target="">点击查看</a>;href属性是点击需要调转的路径,可以是绝对URL,也可以是文件完整的路径,也可以是相对URL。target属性是选择怎样打开这个页面,其值可以是_blank,_top,_self,_parent也可以是某一个标签的id。
参考W3SCHOOL
_blank
浏览器总在一个新打开、未命名的窗口中载入目标文档。
_self
这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。
_parent
这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。
_top
这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。
3.2 表格table标签
HTML中表格标记主要用于页面排版,使得将原来散乱的页面具有一定的格式。使用方法如下
<HTML>
<HEAD>
<TITLE>HTML TEST</TITLE>
</HEAD>
<BODY>
<h1>Hello html</h1>
<table border="1px">
<tr>
<th>id</th>
<th>username</th>
</tr>
<tr>
<td>1001</td>
<td>Alice</td>
</tr>
<tr>
<td>1002</td>
<td>Bob</td>
</tr>
</table>
</BODY>
</HTML>
属性 | 属性说明 |
bgcolor | 背景色 |
cellpadding | 表格里单元格内的空白部分 |
cellspacing | 表格里单元格之间的距离 |
border | 边框宽度,“0”表示无边框 |
background | 背景图 |
width | 宽度(像素点或%比例比) |
height | 表格高度 |
Colspan | 占几列 |
Rowspan | 占几行 |
3.3 表单标签form
表单标记是用于产生与用户交互组件的主要标记:
表单区域标记
<form action="url" method=*> </form>
文字输入和密码输入
<input type="text" name="" value="">
<input type="password" name="" value="">
复选框(Checkbox) 和 单选框(RadioButton)
<input type="radio" name="" value="" checked>
<input type="checkbox" name="" checked>
列表框多选
<select name="" size=3 multiple>
<option selected>1001</option>
<option selected>1002</option>
</select>
文本区域
<textarea name="" rows="" cols=""> 显示内容 <textarea>
文件域
<input type="file" name="">
HTML相对其他技术而言,要简单得多。我这里只是讲了一下最基础的几个标签的使用。
本人联系方式2329095893,欢迎各位进行学习讨论
欢迎关注熊熊出没ING公众号,不定时跟新Java、python、信息安全等相关知识哦。