html学习知识总结

最新推荐文章于 2023-04-20 11:19:43 发布

houhou_qi

最新推荐文章于 2023-04-20 11:19:43 发布

阅读量989

点赞数 1

文章标签： html 学习 servlet

本文链接：https://blog.csdn.net/houhou_qi/article/details/127288839

版权

<DOCUTYPE html> 
<html lang ="zh-CN">语言为中文
   <head>
       <title>我的网站主页</title>
       <meta charset="UTF-8">
   </head>
   <body>
       <h1>H1标签之间的文本受到标签的影响</h1>
       <p>必须记住网页的主体结构，标签Tag 双标签一定要闭合
           <em>标签嵌套</em>
       </p>
       <hr>
       <h2>元素:是指从开始到结束标签的所有代码</h2>
       <p>分为有内容的元素和空元素。有内容的，如<title></title>;无内容的如<br><hr></p>
   </body>
</html>

<ul>无序列表 <ol>有序列表 <li>列表项目
<table>表格 <tr>表格的行 <th>表格标题 <td>表格数据
<hr>增加横线

<a>锚点
<a href="http://www.baidu.com" target=" blank">百度</a>
   _blank   在新窗口中打开。
   _self   默认。在相同的框架中打开。
   _parent   在父框架集中打开。
   _top   在整个窗口中打开。 "_"空格的意思

   href：规定链接指向的页面的 URL
   target：规定在何处打开链接文档(blank：新打开标签页跳转、self：当前页面跳转（默认）)
   title：鼠标置于标签上时显示的文字说明

 表示空格
from标签形式：
   <form name="表单名称" action="目标地址" method="数据提交方式" > 。。。 </form>
       <1>action="URL":一个URL地址，指定form表单向何处发送数据
       <2>name：给表单定一个名字
       <3>enctype=“string”：规定表单数据以什么形式进行编码
       <4>method="get/post"：以何种方式向服务器发送数据 get 发送时地址栏显示发送信息，post 不显示发送信息
   <input type="radio"/>
       radio:单选按钮控制标签 checkbox:复选框 submit:提交按钮
textarea 文本域
select应配合option来选择；<optgroup>用于对<select>提供的选项进行分组。
multiple规定输入字段可选择多个值
button独立元素按钮
img标签属性：
1：src属性指定图片存储的路径 src可以是绝对地址或相对地址
相对地址：
   图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如<img src="logo.gif" />。
   图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如<img src="img/img01/logo.gif" />。
   图像文件位于HTML文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，如<img src="../logo.gif" />。
2：width属性指定我们图片的宽度,高度会等比例缩放！不要手动设置高度
3：title属性用来设置鼠标悬停时的提示信息
4：alt属性用来设置当我们图片加载失败的时候，显示的信息

nav:导航

<li class="myli">类选择器: 使用符号“.” 开头定义，形式 .myclass{ }</li>
           <li id="myidsel">ID 选择器: 使用符号“#” 开头定义，形式 #myidname{ } </li>
           <li >分组选择器使用 “，”分割各个元素,如 h1,ul,li{ } </li>
           <li > 子元素使用空格分割如 ul li a{ } <br><a href="#" >这是一个使用子元素定义的样式</a> </li>