html 基础

1.Html 列表

1

<ol>                                                                  效果   1.asdfads

<li>                                                                                2.asdfasdf

可嵌套<ol>                                                                               2.1.asdfasdfasdf                                         

</li>                                                                                              2.2sdfaasdfadsf    

<li>

</li>

</ol>

2.

<dl>                             效果   abc

<dt>abc</dt>                                                                            zxccv

<dd>zxccv</dd>

</dl>

 

 

1.字体

<hr>分割线

<div>层标记

<br>换行

<b><b/>加粗

<i><i/>斜体

Sub 文字下标字体标记 二的平方根  2<sub>2</sub>

Sup 文字上标字体标记

Cite 引入方式的字体通常是斜体

Strong 表示强调粗体字

Small 小型字体标记 可以多层嵌套

Big 大型字体标记  可以多层嵌套

U 下划线

<font> 三个属性 <font  size=”5”>  默认值是3  取值是1-7  ,<font  color=”red” >颜色  <font  face =”微软雅黑” >字体 

乱码  <meat charset=”UTF-8”>

 

 

2.图形(命令)

<img src="name">       添加一个图像name 为路径

<img src="name" width=?  height=? > 设置图片的宽高 为了后期适配,最好用百分比

<img src="name"align=?>   排列对齐一个图像:左中右或上中下

<img src="name"border=?>  设置围绕一个图像的边框的大小

<img src="name" alt=”描述文字“> 1.当鼠标移动上去是显示的文字2.当图片加载失败的时候用文字代替图片3.搜索引擎可以通过这个属性的文字来获取图片。

<hr>             加入一条水平线

<hr size=?>         设置水平线的大小(高度)

<hr width=?>         设置水平线的宽度(百分比或绝对像素点)

<hr noshade>         创建一个没有阴影的水平线

 

3、链接(命令)

<ahref="URL"></a>      创建一个超链接URL 可以是一个翁爷也可以是一个视频图片音乐等等  外部链接

<a href="URL"  target=”_blank”></a>  _blank在新页面打开 _seif (默认)  _parent 在父窗口打开  _top 在顶部窗口打开

<ahref="mailto:EMAIL"></a> 创建一个自动发送电子邮件的链接

<aname="NAME"></a>     创建一个位于文档内部的锚点

<ahref="#NAME"></a>     创建一个指向位于文档内部锚点的链接

<ahref="URL#?"></A>(锚点不同文件)

未链结点颜色<bodylink=#rrggbb>(RGB色码)

已链结点颜色<bodyvlink=#rrggbb>(RGB色码)

正在链结点颜色<body alink=#rrggbb(RGB色码)

 

 

4、格式排版(命令)

<p>             创建一个新的段落

<p align=?>         将段落按左、 中、 右对齐

<br>             插入一个回车换行符

<blockquote></blockquote>  从两边缩进文本

5、表格

<table  border=“”  align=”center”>  border  边框   align  对齐方式 

Cellspacing 属性单元格之间的像素默认是2

Cellspadding 属性单元格内容与单元格边框的像素

Frame=”void“  表格最外层边框  hsides 只有上下边框 above below  lhs rhs

Rules=”none”  单元格之间的分割线 none 没有分割线all 全有  rows仅有行clos 仅有列

<caption>表格标题</ caption>

<tr>  </tr>行<tr bgcolor=”red”  align=”center”  valign=”center”> align 左右对齐,valign上下对齐

<td>和<th>都是单元格的标记,都必须成对出现嵌套在<tr>内。Th 是表头标记通常位于首行或者首列,且字体会加粗而td不会

<td rowspan=”2”>设置单元格占用的行数

<td rowspan=”2”>设置单元格占用的列数

 

</table>

 

6、frameset 框架 可以嵌套使用

< frameset cols=”*,*”>或< frameset cols=”30%,%80”> 左右分两个界面

< frameset rows=”*,*” frameborder=”0” bordor=”1”>上下分两个界面 frameborder是否显示边框,默认为1 显示   bordor边框的像素默认是5

< frame name=”top” src=”?”> 子窗口标记必须放在< frameset>中使用,在< frameset>中设置了几个窗口,就必须使用几个<frame> 而且还必须使用一个src 属性指定一个网页即该部分需要显示布局

7、表单

<form action=””  name=”” method=”post”></form> action 服务器端地址name 表单名称 method 提交方法 get 不具备保密性,限制了提交内容的长度

 

单选框 性别 <input  type=”radio 或者checkbox” name=”sex” checked=” checked”> 男<input  type=”radio”name=”sex”>女

name值一样实现单选

radio 选中不可取消选择 ,checkbox 可以取消  checked 默认选中项

 

隐藏域   <input  type=”hidden”value=”隐藏的” name=”hid”>

文本框   <textarea  cols=”5” rows=”10” name=”textarea”> cols rows宽高

<input  type=”text或者password或者submit 或者reset(重置)”  name=”” value=”默认的内容”  size=”长度”  maxlenght=”文本框中允许最大输入”></input>

 

菜单下拉列表域 (选择地址)

<select name="dizhi"><optionvalue=”成都“>成都</option></select>

 

二、HTML基本语法

 

文件格式<html></html>(文件的开头与结尾)

主题<title></title>(放在文件的开头)

文头区段<head></head>(描述文件的信息)

内文区段<body></body>(放此文件的内容)

标题<h?></h>(?=1~6,改变标题字的大小)

标题对齐<halign=right,left,center></h>

设定锚点<aname="?"></a>(?以容易记为原则)

链结到锚点<ahref="#?"></a>(同一份文件)

<ahref="URL#?"></A>(锚点不同文件)

显示图形<imgsrc="URL"></a>

图形位置<img src="URL"align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)

<center ></center>  居中标签

图形取代文字<imgsrc="URL"alt=?>(无法显示图形时用)

图形尺寸<img src="URL"width=? height=?>(?以像素为单位)

连结图形边线<imgsrc="URL"border=?>(?以像素为单位)

图形四周留白<imgsrc="URL"hspace=? vspace=?>(?以像素为单位)

段落<p></p>

断行<br></br>

横线<hr>

横线厚度<hr size=?>(?以像素为单位)

横线长度<hr width=?>(?以像素为单位)

横线长度<hr width=?%>(?与页宽相比较)

实横线<hr noshade>(无立体效果)

背景图案<body background=图形文件名>(图形文件格式为gif和jpg)

背景颜色<bodybgcolor=#rrggbb>(RGB色码)

背景文字颜色<bodytext=#rrggbb>(RGB色码)


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值