HTML/CSS基本知识
来源:互联网 发布:校园网络海报 编辑:程序博客网 时间:2024/06/10 10:34
文本格式:
字体:<font size='3' color='blue' face='verdana
'> </font>
加粗:<b></b>
倾斜:<em></em> or <i></i>
强调:<strong></strong> #默认是对字加粗
字体变大:<big></big> 字体变小:<small></small>
上标:<sup></sup> 下标:<sub></sub>
预格式文本:<pre></pre> #保存了中间的空格和换行
文字缩写:<abbr></abbr> or <acronym></acronym> #鼠标知道出现,例子
<abbr titile="caokun"> CK </abbr>
引用: 长引用:<blockquote></blockquote>
短引用:<q></q>
删除字和下划线字:<del></del> <ins></ins>
外部样式表:关联css文件
内部样式表:#嵌入html里的css代码
名字:class #classname的简称
样式:<style type="text/css"></style>
分区:<div></div>
组合行内元素:<span></span>
用图像作为链接:<a href="/example/html/lastpage.html">
<img border="0" src="/i/eg_buttonnext.gif" />
</a>
在新窗口打开:target="_blank" 例如:
<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
width="300"
height="120"
alt="Big Boat"
/>
替换文本 : 在浏览器无法载入图像时,浏览器将显示这个替代性的文本而不是图像
文本框:各个类型前后都要加<form></form>
用户:<input type="text" name="user">
密码:<input type="password" name="password">
单选框:
<input type="radio" name="sex" value="male" />
Male <br /><input type="radio" name="sex" value="female" />
Female
复选框:
<input type="checkbox" name="bike" />
I have a bike
<br />
<input type="checkbox" name="car" />
I have a car
框架:
水平:
<frameset rows="25%,50%,25%">
<frame src="/example/html/frame_a.html">
<frame src="/example/html/frame_b.html">
</frameset>
垂直:
<frameset cols="25%,50%,25%">
<frame src="/example/html/frame_a.html">
<frame src="/example/html/frame_b.html">
</frameset>
内联框架:iframe
<iframe src="/example/html/demo_iframe.html" name="iframe_a"></iframe>
<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.</a> </p>
<p>注释:由于链接的目标匹配 iframe 的名称,所以链接会在 iframe 中打开。</p>
背景:
设置颜色:
<bodybgcolor="#000000"
> <bodybgcolor="rgb(0,0,0)"
> <bodybgcolor="black"
>
设置图片:
<bodybackground="clouds.gif"
> <bodybackground="http://www.w3school.com.cn/clouds.gif"
>
提示:如果你打算使用背景图片,你需要紧记一下几点:
- 背景图像是否增加了页面的加载时间。小贴士:图像文件不应超过 10k。
- 背景图像是否与页面中的其他图象搭配良好。
- 背景图像是否与页面中的文字颜色搭配良好。
- 图像在页面中平铺后,看上去还可以吗?
- 对文字的注意力被背景图像喧宾夺主了吗?
- HTML+CSS的基本知识
- HTML/CSS基本知识
- [HTML/CSS/JavaScript/PHP/MySQL]HTML基本知识
- HTML第九节(css样式基本知识)
- html+css的基本知识总结(一)
- web里面html,css,js基本知识
- css基本知识
- CSS基本知识
- CSS基本知识
- CSS基本知识
- CSS基本知识
- HTML基本知识
- HTML基本知识
- HTML基本知识
- html基本知识
- HTML基本知识
- css样式表基本知识
- css的基本知识
- curl模拟浏览器请求
- 湖南省多校对抗赛 Morse
- LeetCode(java)6. ZigZag Conversion
- Mysql外键约束
- V-Play 使用粗体验
- HTML/CSS基本知识
- 惨淡退役~ 止步省选
- python的逻辑语句
- 如何在Ubuntu上安装最新版本的Node.js
- 进程与线程的关系及区别
- HTTP报文结构
- Android Studio 中使用Lambda
- 码农小汪-spring框架学习之1-spring简单的介绍入门
- 【matlab】meshgrid生成网格原理1