标签:utf-8 一个 窗口 定义 多媒体 www 格式化 oct tca
HTML(Hpyer Text Markup Language的缩写)译为“超文本标签语言”,用来描述网页的一种语言。所谓超文本,因为它可以加入图片、声音、动画、多媒体、一个文件跳转到另外一个文件,与世界各地主机的文件连接。
HTML的作用就是用标记标签来描述网页,把网页内容在浏览器中展示出来。
HTML标签:带有’<>’符号的元素。主要有2种标签:双标签和单标签。
并列关系、父子关系、孙子关系。
<!DOCTYPE html>
字符集
<meta charset=”UTF-8”>
UTF-8是目前最常用的字符集编码方式,常用的字符集编码包括:gb2312、GBK(包含繁体字)、UTF-8
<h1>、<h2>、<h3>、<h4>、<h5>、<h6>
段落标签
<p>
水平线标签
<hr />
换行标签
<br />
Div span标签
<div>aaaa</div>
<span>eeee</span>
Div、span 有2个盒子。
<strong></strong>、<b></b>:文字以粗体方式显示
<i></i>、<em></em>:文字以斜体方式显示
<s></s>、<del></del>:文字以加删除线方式显示
<u></u>、<ins></ins>:文字以加下划线方式显示
图像标签(重点)
<img src=”图像URL” />
<img />标记属性
属性 |
属性值 |
描述 |
src |
URL |
图像的路径 |
alt |
文本 |
图像不能显示时的替换文本 |
title |
文本 |
鼠标悬停时显示的内容 |
width |
像素 |
设置图像的宽度 |
height |
像素 |
设置图像的高度 |
borde |
数字 |
设置图像边框的宽度 |
<a href=”跳转目标” target=”目标窗口的弹出方式”>文本或图像</a>
href:用于指定链接目标的url目标,当为标签应用href属性时,它就具有了超链接的功能。
target:用于指定链接页面的打开方式,其取值self和blank两种,其中self为默认值,blank为在新窗口中打开方式。
PS:
通过创建锚点链接,用户能够快速定位到目标内容
1、使用”a href=”#id名 “链接文本 /a”创建链接文本:<a href=”#live”>个人生活</a>
2、使用相应的id名称注跳转目标的位置:<h3 id=”live”>个人<h3>
<base />
<base target=”_blank”>:base可以设置整体链接的打开状态。
特殊字符 |
描述 |
字符的代码 |
|
空格符 |
|
< |
小于号 |
< |
> |
大于号 |
%gt; |
<!-- 首页-->
相对路径:
绝对路径:
“D:\web\img\logo.gif”,或完整的网络地址,例如:http://www.itcase.cn/images/logo.gif
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>苹果</li>
<li>苹果</li>
</ul>
有序列表(了解)
<ol>
<li>苹果</li>
<li>香蕉</li>
<li>苹果</li>
<li>苹果</li>
</ol>
自定义列表(理解)
<dl>
<dt>重庆</dt>
<dd>渝北区</dd>
<dd>江北区</dd>
<dd>沙坪坝区</dd>
<dd>南岸区</dd>
</dl>
表格table(会使用)
<table>
<tr>
<td>单元格内的文字</td>
</tr>
</table>
<table>eee</table>:用于定义一个表格
<tr>eee</tr>:用于定义表格中的一行,必须嵌套在table标签中,在table中包含几对tr,就有几行表格。
<td>eee</td>:用于定义表格中的单元格,必须嵌套在<tr>aaa</tr>标签中,一对<tr>ddd</tr>中包含几对<td>dd</td>,就表示该行中有多少列。(或多少个单元格)
PS:<tr>eee</tr>中只能嵌套<td>ddd</td>,<td>ddd</td>标签,就像一个容器,可以容纳所有的元素。
表格属性
属性名 |
含义 |
常用属性值 |
border |
设置表格的边框(默认border="0"无边框) |
像素值 |
cellspacing |
设置单元格与单元格边框之间的空白间距 |
像素值(默认为2像素) |
cellpadding |
设置单元格内容与单元格边框之间的空白间距 |
像素值(默认为1像素) |
width |
设置表格的宽度 |
像素值 |
height |
设置表格的高度 |
像素值 |
align |
设置表格在网页中的水平对齐方式 |
left,right,center |
表头标签:<th>aaa</th>
单元格标签:<td>bbbb</td>
<thead>cccc</thead>
定义表格的头部,位于<table>eee</table>之中:<thead>cccc</thead>。一般包含网页的logo和导航等头部信息。
<tbody>qqq</tbody>
定义表格的主体,位于<table>eee</table>之中,一般包含网页中除头部和底部之外的其他内容。
表格标题:caption
<table>
<caption>我是表格标题</caption>
</table>
caption标签必须紧随table标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
跨行合并:rowspan 跨列合并:colspan
合并单元格的思想:将多个内容合并的时候,就会有多余的东西,把它删除。例如把3个td合并成一个,就多余了2个 ,需要删除。
公示:删除的个数=合并的个数-1
合并顺序:先上 先左
<input />标签是单标签,type属性是最基本属性,其取值有多种,用于指定不同的控件类型。
属性 |
属性值 |
描述 |
type |
text |
单行文本输入框 |
password |
密码输入框 |
|
radio |
单选按钮 |
|
checkbox |
复选框 |
|
button |
普通按钮 |
|
submit |
提交按钮 |
|
reset |
重置按钮 |
|
image |
图像形式的提交按钮 |
|
file |
文本域 |
|
name |
由用户自定义 |
控件的名称 |
value |
由用户自定义 |
input控件中的默认文本值 |
size |
正整数 |
input控件在页面中的显示宽度 |
checked |
checked |
定义选择控件默认被选中的项 |
maxlength |
正整数 |
控件允许输入的最多字符数 |
Label标签为input元素定义标注(标签)。
作用:用于绑定一个表单元素,当点击label标签的时候,被绑定的表单元素就会获得输入焦点。
For 属性规定label与哪个表单元素绑定。
<label for =”male”>male</label>
<input type=”radio” name=”sex” id=”male” value=”male”>
Textarea控件(文本域)
如果需要输入大量的信息,就需要用到<textarea cols=”每行中的字符数” rows=”显示的行数”>文本内容</textarea>
<select>
<option>zxxxxx</option>
<option>zxxxxx</option>
<option>zxxxxx</option>
<option>zxxxxx</option>
</select>
<select></select>中至少应该包含一对<option></option>,在option中定义selected=”selected”时,当前项即为默认选中项。
Form表单用于创建一个表单,以实现用户信息的收集和传递,form中的所有内容都会被提交给服务器。创建表单的基本语法格式如下:
<form action=”url地址” method=”提交方式” name=”表单名称”>各种表单控件</form>
action属性用于指定接收并处理表单数据的服务器程序的url地址。Method用于设置表单数据的提交方式,其取值为get或post;name用于指定表单的名称,以区分同一个页面中的多个表单。
标签:utf-8 一个 窗口 定义 多媒体 www 格式化 oct tca
原文地址:https://www.cnblogs.com/wendyw/p/10286397.html