您的位置：首页 > Web前端 > HTML

【html】学习笔记

2018-02-11 22:13 197 查看

HTML

特点：1.不区分大小写

文件头内容

\

浏览器中预览时可以在标题栏看到网页的标题信息

\

通过一些属性来定义文件的信息，例如keywords，description、作者信息、网页过期时间等

<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
<meta name="keywords" content="My First HTML">
<meta name="description" content="这是描述">
<title>Title</title>
</head>

文件主体内容

bgcolor

网页定义背景颜色

设置页面边距

topmargin-到外边框顶端的距离

leftmargin-到外边框左边的距离

rightmargin-到外边框右边的距离

bottommargin-到外边框底部的距离

text

设置文本字体颜色

<body text="blue" bgcolor="aqua" topmargin="100" leftmargin="10" rightmargin="100" buttommargin="100">
失败是成功之母
</body>

内容编辑

添加文本

直接在中输入文本

添加注释

\，可以放在HTML中，不会在网页中显示出来（在JSP中这种注释方式为显示注释，可以在源码中显示）

添加空格

,空格在HTML中属于特殊字符，需要用特殊符号代替

添加删除线

使用标签，为文字添加删除线的效果

<del>添加删除线</del>

文本修饰

粗体、斜体、下划线

\ \ \

<b>我是粗体字</b><br>
<i>我是斜体字</i><br>
<u>我是下划线字</u><br>

设置文本效果

使用标签，设置文本的字体，字号以及颜色等属性

<font face="楷体" size="26" color="#f5f5dc">我是自定义字体</font>

文字上下标

使用\ 上标 \下标实现数学公式中的平方效果

x<sup>2</sup>+1=0

段落排版

段落

\
,对网页中的文本进行段落定义

换行

\
,换行的作用

预格式化

\,对网页中的文本的段落格式进行定义，即文本中的段落格式就是网页中显示的格式

<pre>
静夜思
床前明月光，疑是地上霜。
举头望明月，低头思故乡。
</pre>

段落缩进

\,设置段落缩进

设置水平线

\,插入一条水平的直线

<hr size="2" width="50%" color="#0c0000"/>

列表

无序列表

时间

地点

任务

有序列表

时间

地点

人物

定义列表

第一名
刘石尧
第二名
刘石尧
第三名
刘石尧

超链接

我是超链接

href:目标文件路径

target:目标窗口的打开方式

1. _blank:新打开窗口

2. _self:

3. _parent:

4. _top:

图片

插入图片

设置图片替代信息

设置图片属性

width(宽度)、height(高度)

添加图片链接

多媒体

插入音频

<embed src="music/天黑.mp3" width="1000" height="1000" autostart="true"></embed>

表格

插入表格

计算机语言

面向过程	面向对象
C语言	java

设置表格参数

border:对表格的边框进行设置

cellpadding:设置单元格内容到边的距离

cellspacing:单元格与单元格之间的距离

align:内容水平对齐（left、right、center）

valign:内容垂直对齐（top、middle、bottom、baseline）

rowspan:表格单元格纵向合并

colspan:表格单元格横向合并

框架

frameset

框架集，定义一个窗口中显示的框架数，框架尺寸以及框架载入的内容。

cols:将网页进行左右分割

rows:将网页进行上下分割

frame

显示一个网页文件的一个区域

src:设置框架中显示文件的路径

name:定义框架的名字

frameborder:设置边框属性

scrolling:是否为框架添加滚动条

noresize:设置框架边框尺寸

iframe

浮动框架

表单

负责数据采集的功能

表单标签

form

属性

name:表单的名称

method:表单数据的发送方式：get或者post

action:表单处理程序

enctype:表单的编码方式

target:表单目标显示方式

<form name="我是表单" method="get" action=“/” target="_blank" enctype="text/plain">

表单域

input

表单中需要提交的信息都在表单域中

重要的三个参数

1. name:表单的名称，提交的时候就是以name属性中值为键

2. value:表单项的初始值，提交的时候为值

3. type:表单类型，包括text,password,file,checkbox,radio,image,button,submit,reset,hidden

文本域

表单中需要输入多行文本，可以使用textarea标签

下拉菜单

使用\和实现下拉菜单和列表项。

<form name="我是表单" method="get" action=“/” target="_blank" enctype="text/plain">
<input name="我是input" type="text" maxlength="10" size="10" value="请输入用户名"/>
<input name="提交" type="submit" value="提交按钮" />
<select name="省份" >

<option value="1">广东</option>
<option value="2">湖南</option>

</select>
</form>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html

相关文章推荐

新的分享

章节导航