alex_bn_lee

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

【048】HTML 笔记

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

<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        可以将指定的网页新建在此区域内


 

 

posted on   McDelfino  阅读(368)  评论(0编辑  收藏  举报

编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示