码迷,mamicode.com
首页 > Web开发 > 详细

我的学习之路_第二十三章_HTML

时间:2017-07-01 15:24:25      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:相对路径   结构   strong   文字标签   序列   图片   文件夹   宽度   标记   

Html : 超级文本语言 ( Hyper text Markup Language )

HTML 文件扩展名是 * .html

HTML 结构都是有标签组成

通常情况下标签有开始标签和结束标签组成 例如 : <a> </a> 围堵标记

如果没有结束标签,不能写文本 例如<img/> 空标记

标签中可以有属性 属性的书写格式: 属性名= "属性值";

 

 

文字类标签:

<hn> </hn> n是一个可变参数 n的取值范围1-6 ,1最大 6 最小

特点:加粗,上下留白 ,换行

常用的属性: align : 对齐方式 left(左) center(中) right(右) 默认为左


文字标签:

<font> </font>

常用属性: color (颜色)

size:大小, 1-7 1最小,7最大

face:字体家族 (隶书,草书,楷体....)

颜色的取值:1.直接写夜色的英文单词, 2.RGB 已#开头,跟上6个16进制数. 如#675489

<b></b> : 加粗

<strong></strong> : 加粗

<i></i> : 斜体


排版类标签:

<hr/> : 水平线标签

常用属性: width(宽度): 宽度取值: 1.%百分比 2.px(像素)

align:对齐方式

换行标签: <br />

段落标签 : <p></p> 常用属性: align:对齐方式

 

图片标签:

<img/>

常用属性: src :指定图片路劲 alt:替代问题 width:宽度 height:高度

路径取值: 1:相对路径 当前路径 : ./图片全名 (./可以不写)
上级路径: ../存放图片的文件名称/图片全名 (有几级文件夹就写几个../)
2:绝对路径 : http://img.baidu.com/xx.jpg

列表标签:

ol : 有序列表 type:控制前面显示样式 数字是默认 可以修改为 A,a,I,i(后两个为罗马数字)

ul : 无序列表 tepe: disc(默认,黑心圆) circle;空心圆 square:方块

共同子标签: li:列表项


超链接标签:

<a></a>
常用属性:

href:跳转的页面的路径

target:跳转的页面的打开方式 _blank:新开一个选项卡打开

_self : 默认 framename:在框架集李显示

路径取值: 相对路径 绝对路径 : 网址 #:跳转到当前页面


表格标签:

<table></table>

常用属性:

border:规定表格边框的宽度
align:对齐方式
width:宽度
height:高度
cellspacing:表格线的间隔

常用子标签:
<tr></tr> : 行标签(横着)

常用属性: bgcolor:背景颜色 align:对齐方式

<td></td> : 单元格(列,竖着)

常用属性: bgcolor:背景颜色 align:对齐方式 rowspan:行合并
colspan:列合并


<th></th> : 表头标签 特点 : 加粗,居中

转义符: 书写格式: &单词;


空格转义符 : &nbsp;

大于号 : & gt;

小于号 : & lt;

& 符号 : &amp;


框架集标签( frameset ):

常用属性:水平切分 : rows = "12%,80%,*";

垂直切分: cols = " " 要切几份,就在括号中写几个数字

常用子标签:

frame标签
常用标签: src : 值名该区域要显示的内容的页面路径

name: 起名 (用于超链接标签中的framename)

frameset不能与body共存

我的学习之路_第二十三章_HTML

标签:相对路径   结构   strong   文字标签   序列   图片   文件夹   宽度   标记   

原文地址:http://www.cnblogs.com/jia-/p/7102337.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!