博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【048】HTML 笔记
阅读量:6275 次
发布时间:2019-06-22

本文共 2312 字,大约阅读时间需要 7 分钟。

>====>基础<====<

<html>        定义了整个Html文档
<body>        定义了Html文档的主体
bgcolor        背景色修改
&lt;        <(less-than)
&gt;        >(greater-than)
&nbsp;        space
相对url:
“/”        表示根目录
“../”        表示父目录
“http://www.cnblogs.com/”        表示父目录的父目录


>====>超链接<====<

<a>
href        连接地址
http://www.baidu.com
mailto:alexbnlee@gmail.com
target        打开标签页的位置,_blank等等
name        规定锚(anchor)的名称,可以直接调用,调用时前面加上一个“#”号,或者网页地址+#号+名称


>====>图片<====<

<img src="Images/baby.jpg" alt="nihao"/>
alt        没有图片的时候显示文字
title  鼠标悬停时显示的文字
align        bottom、middle、top、left、right
border        边框,0为不显示边框
width        宽度
height        高度
usermap        定义地图内容
ismap        可以显示图像坐标
<map>        地图
<area>        区域
shape        图形样式,rect、circle、poly
coords        circle:x,y,r、rect:x1,x2,x3,x4
href        链接
target
alt


>====>文本格式<====<

<br />        回车(break)
<hr />        水平分割线(horizontal rule)
<p>        分段(paragraph)
<div>  分层(矩形块)
<span>  分块(自由区域)
<pre>        预格式文本
<address>    地址
<abbr>        缩写
<acronym>    缩写
title        鼠标悬停显示的内容
<blockquote>    长引用
<q>        短引用
<del>        删除线
<ins>        下划线
<em>        着重文字,斜体(emphasis)
<u>        下划线
<i>        斜体
<b>        加粗
<strong>        加粗
<big>        大字体
<small>        小字体
<sub>        下标
<sup>        上标
<code>        代码字体
<font>        字体
face        字体名称
size        大小
color        颜色


>====>样式<====<

style
font-family    字体
font-size        字体大小(px)
font-weight    是否加粗
font-style    字体样式
color        字体颜色
text-transform    文本大小写变换
text-decoration    underline、overline、line-through、blink、none
text-align    文本对齐方式
background-color    背景色


>====>标题<====<

<h1>-<h6>    定义标题的开始
align        对齐方式


>====>表格<====<

<table>        表格
border        边框,加粗会有立体效果
bgcolor        背景颜色
background    添加背景图片
frame        框架,box、above、below、hsides、vsides
width        格总宽度(像素 or 百分比)
cellpadding    单元边沿与其内容之间的空白
cellspacing    单元格边框之间的空白
<caption>    标题
<tr>        行,table row
<th>        header,可以放置在任意的单元格处
<td>        单元格,table data
bgcolor        单元格背景颜色
background    单元格背景图片
width        单元格宽度
height        单元格高度
colspan        跨越几列
rowspan        跨越几行
<ul>    无序列表
<ol>    有序列表
<li>    行
<dl>    定义了定义列表
<dt>    定义了定义列表中的项目(即术语部分)
<dd>    分享内容


>====>表单<====<

<form>        表单
<input>        输入
type="radio"    单选按钮
name        群组的名称
id        控件的唯一标示名称
type="text"    输入文本框
name    名称(C#中的Name属性)
value    在文本框中显示的值(C#中的Text属性)
maxlength  最大长度
readonly  只读
size    空间宽度
type="password"    密码
type="checkbox"    复选框
name    群组名称
checked        是否勾选
type="button"    按钮
type="submit"    提交按钮
<label>        标签
for        把label绑定到另外一个元素
<select>  类似C#中的 ComboBox 或是 ListBox
size    大约1就是 ListBox,否则为 ComboBox,是几就显示几项
selectmultiple  是否可以多选
<option>    下拉列表的选项
selected        是否选中
<textarea>    多行文本
rows        行宽
cols        列宽
<fieldset>    groupbox类似
<legend>    显示标题
<frameset>    分栏(框架)
cols        列分(垂直)
rows        行分(水平)
<frame>        子框架
src        地址
noresize        无法拉动
name        可以将指定的网页新建在此区域内

 

 

你可能感兴趣的文章
MacOS High Sierra 12 13系统转dmg格式
查看>>
关于再次查看已做的多选题状态逻辑问题
查看>>
js--知识点dailyskill
查看>>
动态下拉菜单,非hover
查看>>
政府安全资讯精选 2017年第十六期 工信部发布关于规范互联网信息服务使用域名的通知;俄罗斯拟建立备用DNS;Google打击安卓应用在未经同意情况下收集个人信...
查看>>
推荐一个非常好用的 MarkDown 编辑器!
查看>>
使用 Hooks 简化受控组件的状态绑定
查看>>
Canvas && CSS && SVG 三种实现仪表盘的方式
查看>>
简单易懂的谈谈 javascript 中的继承
查看>>
Spark学习之Spark 集群资源调度
查看>>
京东Taro:用技术解放小程序生产力 | 点评家
查看>>
Dart编程语言入门学习
查看>>
小程序登录逻辑
查看>>
vscode透明主题、霓虹灯字体
查看>>
多线程基础知识
查看>>
iOS汇编基础(四)指针和macho文件
查看>>
Laravel 技巧锦集
查看>>
Android 使用 ViewPager+RecyclerView+SmartRefreshLayout 实现顶部图片下拉视差效果
查看>>
Flutter之基础Widget
查看>>
写给0-3岁产品经理的12封信(第08篇)——产品运营能力
查看>>