html学习

</br> 换行标签的作用

这是使用<br />

效果如图

没有使用</br>

效果如图

Meta标签的使用

<meta name="选项" content="关键字" />  使用

在网页中使用编码，不然中文会乱码

Title的使用这是网页的标签

效果如图

标签大小使用

效果如图 如图可知<h1> </h1>最大，这是由大到小

可是正常情况下使用<h2> </h2>就足够了

<hr>换行符

效果如下

文本属性

<font size="字号" color="颜色"> 字体样式

效果如图

综合使用

效果如图

可以发现有两条线还者在中间，因为我用了<sub> <sub/>下标，还有一个删除线和下划线

Form表单

form表单 规定当提交表单时向何处发送表单数据

method 提交的方法有 get搜索、post登录

规定在发送表单数据之前如何对其进行编码。

enctype 属性可能的值

              application/x-www-form-urlencoded(一般来说默认)

              multipart/form-data

              text/plain

input标签

name：同样是表示的该文本输入框名称。

size：输入框的长度大小。

maxlength：输入框中允许输入字符的最大数。

value：输入框中的默认值

readonly：表示该框中只能显示，不能添加修改。

input的类型

type=password  密码输入框

type=file 文件上传

type=hidden 隐藏域

type=button 按钮

type=checkbox 复选框

type=radio 单选框

type=submit 提交按钮

type=reset   重置按钮

实例

&nbsp;空格

练习

a标签使用

找两个主要的说一下

<a href="https://blog.youkuaiyun.com" >csdn</a> 直接在原网页打开

<a href="https://blog.youkuaiyun.com" target="_blank">csdn</a> 跳转到新的网页打开

_self      默认。在相同的框架中打开被链接文档。

_parent  在父框架集中打开被链接文档。

_top       在整个窗口中打开被链接文档。

锚文本

<a name="h">锚点</a>   顶部

<a href="#h">锚点</a>   返回顶部

Img标签使用

Src 显示图片，可以显示图片名或者图片URL

Alt 如果图像显示不了，显示该文本

Width 图片高度

Height 图片宽度

Table表格

<table border="表格边框大小" cellpadding="单元格空白" cellspacing="边框的空白">

<caption>表的标题</caption>

Colspan=” 行各并的数量”

rowspan=” 竖各并的数量”

<tr></tr>是行

<th></th>是表头的第一个数据

<td></td>是表的数据

效果如图

列表标签

无序列表

无序就是前面没有序号只有符号

<ul>

       <li></li>

</ul>

前面的小符号也是可以换的

<ul type=”项目符号”>

square小方块 circle小圆圈空心 disc小圆圈

有序列表

有序就是前面没有符号只有序号

<ol>

       <li></li>

</ol>

前面的小符号也是可以换的

<ol type=”项目符号”>