html的基本格式
<html>
<title></title>
<head></head>
<body>
</body>
</html>
一 字体
字体加粗
<b>内容</b>
颜色变化
<font color=”red”>内容</font>
换行
</br>
字体大小
<font size=”#”>内容</font>
(#=1,2,3,4,5,6,7)
字体更大
<font style="font-size:numberpx">内容</font>
(number填数字)
文字居中
<center></center>
二 段落
1 段落
<p>这是一个段落</p>
(段与段之间会自动换行)
2 标题字体<h#>标题</h#>
(#为1~7,是数字大小)
3 字符实体
https://blog.csdn.net/ownfire/article/details/53941723
三 超链接
<a href="资源路径或url">连接到xxx</a>
例<a href=“https://www.baidu.com”>连接到百度</a>
四 图片
<img src=”图片路径或url” width=“number px” height=“number px”>
(height 和width一般只用一个或不用)
鼠标在图片上面显示字
<img src=”路径或url“ alt="要显示的东西">
图片边框:border=“ px”(粗细)
bordercolor=“颜色”(也可以用#000000一类)
css:style=“border:number px(粗细) solid red(颜色)”
五 表格
行<tr></tr>
列<tb></tb>
边框粗细:border=“number px”
长度:width=" "(此处为 px或#%(占页面百分比))
宽度 height=“ ”(和长度类似)
字对齐 align=“#”(#=center,right,left)
表格合并 colspan=“number”(列)
rowspan=“number”(行)
格子之间的距离 cellspaeing=“number”
格与字之间的距离 cellpadding=“number”
背景图 background=“路径或url”
表格字加粗将<tb>
换成<th>
六 无序列表
<ul><li>内容</li></ul>
移动输出内容<style="margin:#px;margin-left:#px">
(前面为左右,后面为上下)
标记 type=“#”(#=circle, disc, square)(空心圆,实心圆,方块)
七 有序列表
<ol><li>内容</li></ol>
<ol type=”属性值” start=”起始值”><li>列表内容</li><ol>
(属性值:默认为阿拉伯数字,如果为“i“”I“则为罗马数字)
Type表示用什么来显示,start表示从第几开始
八 框架集
用于分割显示多个页面
<frameset cols=” px/%,*”> (*代表把剩下的给另一个)
<frame src=”路径1”/>
<frame src=”路径2”/>
(cols左右分,rows 上下分)
结果默认页面中间的边界可以移动,加noresize可以防止页面移动
Frameborder=“ “(空格为数字)这是边框宽度
若页面过长,会出现滑轮 加 scrolling=“no“可消除
给页面命名 name=“ “
target表示我们在点击了超链接后目标指向name(在哪里展示出来)target=“_blank“(新窗口)
target=“_self“(本窗口)
target=“_parent“(父窗口)
target=“_top“(整个浏览器窗口)
画中画(iframe的使用)
在一个含有的页面中嵌一个页面,形成画中画的效果
<iframe src="https://www.baidu.com" width="500px" height="400px"/>