HTML学习笔记

最新推荐文章于 2022-12-26 23:03:54 发布

Z2Min_

最新推荐文章于 2022-12-26 23:03:54 发布

阅读量257

点赞数

文章标签： HTML

本文链接：https://blog.csdn.net/queen00000/article/details/101114438

版权

HTML是一种超文本标记语言，用于创建网页的标准标记语言。HTML是通过浏览器的翻译将页面内容呈现给用户的。

HTML的文档结构

<!DOCTYPE>定义文档类型
<html>标记
<head>标记
<title>标记
<body>标记

<html>
<head>
<title>标题</title>
</head>
<body>

</body>
</html>

HTML的常用标记

<br>换行标记
<p>段落标记
<h1><h2><h3><h4><h5><h6>标题标记
<center>居中标记
<li>文字列表标记
<a>超链接标记
<img>图片标记

<!DOCTYPE html>

<html>

<head>
     <!--定义字符集-->
     <meta charset="utf-8">
     <!--适应手机设置-->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>常用的HTML标记</title>
</head>

<body>
     <!--  <h1></h1>…<h6></h6> 标题标记,结束时自动换行；<p></p>段落标记，结束时自动换行；<br />表示换行；-->
     <h1>《登黄鹤楼》</h1>
     <h3>作者：崔颢</h3>
     <p>昔人已乘黄鹤去，此地空余黄鹤楼。<br />
          黄鹤一去不复返，白云千载空悠悠。</p>
     <p>晴川历历汉阳树，芳草萋萋鹦鹉洲。<br />
          日暮乡关何处是，烟波江上使人愁。 </p>

     <!-- <ul><li></li>..<li></li></ul>  列表标记 -->
     <ul>
          <li>数码相机</li>
          <li>移动硬盘</li>
          <li>MP3,MP4</li>
          <li>笔记本电脑</li>
     </ul>

     <!-- <img src="图片文件"  alt="提示文本" width="xxx"  height="xxx"  border="0px"  /> 图片标记 -->
     <img src="sd01.jpg" alt="校门" height="150px" width="180px" border="10px" />
     <br />
     <!-- 超链接标记 <a  href="URL" >显示的文字或图片</a>   -->

     <a href="http://www..." target="_blank">显示的文字</a>

     <a href="http://www..." target="_blank"> <img src="sd01.jpg" alt="校门" height="150px" width="180px" border="0px" /> </a>


     <!-- 表格标识  -->
     <table>
          <tr>
               <td>第1行1列</td>
               <td>第1行2列</td>
          </tr>
          <tr>
               <td>第2行1列</td>
               <td>第2行2列</td>
          </tr>
     </table>
</body>

</html>

HTML的表格标记

表格标记<table>
标题标记<caption>
表头标记<th>
表格行标记<tr>
单元格标记<td>

HTMl的表单标记

<form>...</form>表单标

属性	描述
action	用来指定处理表单数据程序的URL地址。
method	用来指定数据传送到服务器的方式。该属性有两种属性值，分别为get与post。get属性值表示即将输入的数据追加在action指定的地址后面，并传送到服务器。当属性值为post时，会将输入的数据按照HTTP协议中post传输方式传送到服务器。
name	指定表单的名称，该属性值可以自行定义。
onSubmit	用于指定当用户单机提交按钮时触发的事件。
target	指定输入数据结果显示在哪个窗口中，该属性的属性值可以设置为“_blank”、“_self”、“_parent”、“_top”。其中“_blank”表示在新窗口中打开目标文件，“_self”表示在同于窗口中打开，这项一般不用设置，“_parent”表示在上一级窗口中打开，一般使用框架页时经常使用，“_top”表示在浏览器的整个窗口中打开，忽略任何框架。