0%

HTML学习

图像标签

1
<img src="图像的地址(相对或绝对地址)" alt="图片未显示的时候的代替文字" title="鼠标悬停在图片上的标签" width="" >

链接标签

一般链接

1
<a href="调转的目标页面地址" target="表示窗口在哪里打开:_self(本窗口)/_blank(新窗口)">作为超链接的文字或图片<a/>

锚链接

1
<a href="#锚点的标签名">回到锚点<a/>
1
<a name="作为锚点的标签名"></a>

功能性链接

  • 邮件链接
1
<a href="mailto:邮件地址">联系我</a>

行内元素和块元素

  • 块元素:每个元素占一行,例如:img, p, h1-6…
  • 行内元素:所有元素在一行,例如:a,strong,em…

列表

  • 有序列表
1
2
3
<ol>
<li></li>
<ol/>

image-20230628204755424

  • 无序列表
1
2
3
<ul>
<li></li>
</ul>

image-20230628204854042

  • 自定义
1
2
3
<dl>
<li></li>
</dl>

image-20230628204944302

image-20230628205007404

结构分析

  • heade:头部
  • footer:脚注
  • section:主体
  • article:文章
  • aside:侧边栏
  • nac:导航

内联标签

1
<ifram src="path" name="标签名称(可以用链接标签跳转,把一个新的页面嵌入到当前页面中)"></ifram>

表单语法

form表单:

作为整个表单的基本框架,其他的输入全部放在form表单中

1
2
3
4
5
<form action="表单提交的位置,可以是一个网站,也可以是一个请求处理地址" method="post/get">
<p>
<input type="" name="">
</p>
</form>

两种提交方法:

  • get:可以在url看见提交的信息,不太安全,但是高效
  • post:不在url处提交信息,可以传输大文件

input标签:

作为输入,属性有

  • type:必填,指定元素的类型,有text, password(也是一种按钮,自带提交功能), checkbox, radio, submit, reset, file, hidden, image, button, 默认为text
  • name:必填,表单元素的名称,后台处理以此为标识
  • value:选填,初始值,但是ratio类型必须填
  • size:元素大小
  • maxlength:最大输入长度
  • checked:CheckBox和radio中,按钮是否选中

下拉框标签:

1
2
3
4
5
6
<select name="city">
<option value="cd">成都</option>
<option value="xa" selected>西安</option>
<option value="cq">重庆</option>
<option value="sh">上海</option>
</select>
--------------本文结束感谢您的阅读--------------