HTML学习笔记

230 阅读4分钟

这里没有代码!没有代码!没有代码 ...不知道怎么删除这个...

本文记录了学习html的过程 第一次写文章比较简陋还请将就

学习1:表格

用到的标签有<table>表 <th>表头 <tbody>表体 <tfoot>表尾 <tr>行 <center>设置一个标题居中 <from> 更改字体 <td>列 <br>换行 <hr> 设置一条线  使用到的属性有 border = "" 设置表格的像素  align=""设置对齐  center居中left左right右  rowspan = "" 合并几行 colspan = "" 合并几列 color 改变颜色 width 改变宽度 height 改变宽度

学习2:设置背景

用到的属性bgcolor="red"设置背景颜色 background="src"设置背景图片

学习3:图片

用到的标签<img> 用到的属性 src = "" 图片的路径 title ="" 鼠标放在图片上面显示的文字 alt ="" 找不到图片的时候显示的文字

学习4:超链接和锚点链接

用到的标签  <a>超链接 用到的属性 href = ""超链接地址 target=""在哪一个窗口打开该链接 _self:默认当前窗口 _blank:在新窗口打开该链接 要链接的地址 可在内容区域使用img标签

锚点链接 

锚点相当于在当前网页的跳转 首先定义一个锚点链接<a name = "锚点的名称"></a>

再使用超链接链接该锚点这里要是使用#符号 <a href="#填写锚点的名称"></a>

学习5:预留字和标题1 - 6

用到的标签<h1> <h>2 <h3> <h>4 <h5> <h6 <pre> html里面是什么内容就在html网页里面显示什么内容

学习6:无序标签和有序标签

用到的标<ul>无序列表 <ol>有序列表 <li>列表下面的选项 可通过属性type=""来换取列表下下的符号 

<ul>无序
    <li>
    </li>
    <ul>
        <li></li>
    </ul>
</ul>
<ol>有序
    <li>
    </li>
    <ol type = "a">下面的标签就会按照英文字母的顺序来命名
        <li></li>
    </ol>
</ol>

学习7:格式标签

用到的标签有<i>斜体字 <b> 加粗字 <ins>下划线 <del>删除字  B<sup>n</sup> B的n次方(n在上方)

B<sub>n</sub> (n在下方)

学习8:表单

用到的标签<Form>表单 用到的属性有 name="" 表单的名称 action="" 提交表单请请求的路径 method="" 提交表单的方式 'get默认值' 'post 相对get来说是安全的 post提交表单的参数在地址栏看不到'

&nbsp 是空格
<input>输入标签type用到的属性 input在提交的时候要有一个value用于表示
1 test文本输入框 value默认值 readonly只读但是要上传到服务器 disabled失效不能改又不能提交到服务器 maxlength最大长度 size 设置文本框的大小
2 password 密码输入框 
3 radio 单选按钮 name的值要一样代表是一组的 checkbox 多选按钮 name的值要一样代表是一组的 checked 属性默认选项框选择 
4 submit 提交按钮 value='提交按钮的名字' 使用submit默认提交本表单的请求路径
5 reset重置和submit一样都必须在form表单内使用 
6 button普通的按钮 
7 <textarea>介绍文本框
下拉选项框 
<select> selected默认下拉框选项
  <option>选项框信息</option value = '标识'>
</select> 
8 file本地文件
9 hidden隐藏 用于对用户不见但是又要把莫个数据提交的时候 id携带这个隐藏数据链接到服务器

表单_HTTP协议参数拼接格式http://localhost:80?链接参数每一个参数通过&链接

学习9:div&span

div会独占一行 span不会独占一行

学习10:frameset框架

用到的标签<iframe> 属性src要展示的页面的url 

frameset cols="50%,*">//下面frame 第一列显示为浏览器的50%第二列显示剩下的部分 可自定义大小
    <frameset rows="50%,*"> 把第一列分为两行 
	<frame src="test1.html" name="f1"></frame>//第一列的第一行 可以通过窗口定义的名字使用target来设置在哪一个窗口打开
	<frame src="http://www.taobao.com" name="f2"></frame>第一列的第二行
    </frameset>
        <frame src="http://www.baidu.com" name="f3"></frame>//第二列
</frameset>

Git地址:github.com/tangjialang…