html

最新推荐文章于 2023-09-03 23:42:11 发布

_呆若木鸡

最新推荐文章于 2023-09-03 23:42:11 发布

阅读量766

点赞数

分类专栏： javaweb 文章标签： html web

本文链接：https://blog.csdn.net/husen1314/article/details/48572405

版权

3 篇文章 0 订阅

订阅专栏

    html是一种超文本标记语言，是网页语言;所谓的超文本就是超出文本本身范围的进行标记，然后操作

  一、概述

      基本格式是以<html>开头，以</html>结尾，中间包含<head></head>和<body></body>

      html是一种弱类型语言，不区分大小写

      基本的操作思想是把要操作的数据用标签包裹起来，然后用标签的属性操作数据

  二、标签

      1.字体标签

	 文字标签:设置文字格式

	    <font color="颜色" size="大小"></font>

	    颜色可以有三种格式:RGB或者16进制或者英文表示

	    大小只能是1-7范围内

	 标题标签:标题的样式

	    <h1></h1><h2></h2>....<h6></h6>

	    从左到右字体依次变小

	 水平线标签:一条水平的线

	    <hr color="" size=""/>

	    有size和color两个属性，分别设置宽度和颜色

	 注释标签:注释html代码

	    <!--要注释的代码-->

	 特殊字符:空格 &nbsp;

      2.列表标签

	  基本列表

	      <dl>         标签范围

		<dt></dt>  上层列表

		<dd></dd>  下层列表

	      </dl>

	  有序列表

	      <ol type="">

		<li></li>

	      </ol>

	      type种类有三种分别为：1,a或者i

	  无序列表

	      <ul type="">

		<li></li>

	      </ul>

	      type种类有三种：disc,circle或者square

      3.图形标签

	  <img src="" width="" height="" border="" alt=""/>

	  src:数据源

	  alt:图片上悬停后显示的内容

      4.超链接标签

	  <a href="链接到的地址" target=""></a>

	  target中的内容有两种：_self在本网页打开

			       _blank在新的网页打开

      5.表格标签:对数据格式化，更加清晰

	 <table>	   表格范围

	    <tr>           行    <th>有自动加粗居中的效果可替换<tr>

   	      <td></td>    列

	    </tr>

	 </table>

	   单元格合并

		colspan:合并列

		rowspan:合并行

      6.表单标签:把数据提交到服务器

	  <form action="服务器地址" method="提交方式">

		<input type="text"/> 文本框

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

		<input type="radio"/>     单选框

		<input type="checkbox"/>  复选框

		<input type="file"/>      文件提交

		<input type="hidden"/>    隐藏内容(不想让用户看到，但有必须提交的)

		<input type="button"/>    普通按钮

		<input type="submit"/>    提交按钮

		<input type="reset"/>	  重置按钮

		<input type="image"/>     图片

		<textarea></textarea>     文本区域

		<select>		  下拉选择框

			<option></option>

		</select>

	  </form>

	  注意：

	     1.在输入项中要有name属性

	     2.在单选输入项、复选输入项及下拉输入项必须要有value值

     7.其他标签

	pre：原样输出

	p:段落标签

	div:自动换行

	spn:在一行显示

  三、小结

      1.整体来说html中的内容要多用，熟能生巧，没有太多逻辑性的东西

      2.html单独使用是没有太多的用处的，结合css，用来修改网页样式，更加符合面向对象的思想

      3.html结合js用来做网页的动态效果，与后台更好的进行数据交换

关注