首页 > Web开发 > 详细

HTML标记

时间:2019-04-21 20:37:25      阅读:170      评论:0      收藏:0      [点我收藏+]

html:超文本标记语言

标记,标签,元素

     单标签:<标签名  属性名="属性值" 属性名=“属性值” />

     双标签:<标签名  属性名="属性值” 属性名="属性值”></标签名>

结构标签:

     <html><head><meta charset="UTF-8"><title>标题</title></head><body></body></html>

排版标签:

     p  h1-h6  div  span  hr  br  pre  blockquote

文本标签

    b  strong  i  em  u  ins  s  del  big small  sup  sub font

列表标签:

    ul>li    ol>li   dl>dt>dd

图片标签:  <img src="地址路径">

  路径: 相对路径  绝对路径

html链接标签:

超链接:<a href="#"></a>   属性: target:_self(默认在当前窗口中打开)   _blank(在新窗口中打开)  title: 说明 

举例: <a href="javascript:void(0)"></a>

锚链接: 锚链接实现是在当前页面中跳转

举例: <p id=‘id名’>内容</p>

           <a href="#id名">内容</a>

link标签:

通过link标签可以设置网页的图标

<link rel="icon" href="favicon.ico">

注意:

1.要将link标签放到head标签中

2. link标签中的rel="icon"

3. href="图标路径"

4. 一般将网页图标放到网站跟目录下

表格标签: table>tr>td,th

属性名 含义 常用属性值
border 设置表格的边框宽度 像素值(默认为0)
cellspacing 设置单元格与单元格边框之间空白间距宽度 像素值(默认为2)
cellpadding 设置单元格内容与边框线之间的空白间距宽度 像素值(默认为1像素)
width 设置表格的宽度 像素值
height 设置表格的高度 像素值
algin 设置表格在网页中的水平对齐方式 left  center  right
bgcolor 设置表格的整体背景颜色  
background 设置表格的整体背景图  
bordercolor 线颜色  

tr属性: bgcolor   background  height  align  valign(垂直)

td属性:

属性值 含义 常用属性值
width 设置单元格的宽度 像素值
height 设置单元格的高度 像素值
algin 设置单元格中内容的水平对齐方式 left、center、right
valign 设置单元格中内容的垂直对齐方式 top、middlle、bottom
rowsapn 设置要跨行(纵向)合并的单元格数 要合并的数量
colspan 设置要跨行(横向)合并的单元格数 要合并的数量
bgcolor 设置单元格的背景颜色  
background 设置单元格的背景图  

表格高级:

caption:  用于表示一个表格的"标题文字" (看起来在表格线的外面),写在table标签中

thead:    用于表示一个表格"头部区域",其中可以包含若干个tr行,tr中自然有td(或者th)

              写在table标签中,tr外,即这样的层次: table > thead > tr

tbody:  用于表示一个表格"主体区域",其中可以包含若干个tr行,tr中自然有td(或者th)

              写在table标签中,tr外,即这样的层次: table > thead > tr

tfoot:   用于表示一个表格"底部区域",其中可以包含若干个tr行,tr中自然有td(或者th)

           写在table标签中,tr外,即这样的层次: table > tfoot > tr

表单:

文本框: <input type="text" />

属性: maxlength 设置当前控件最多能输入多少个字符             value:当前控制的默认值           size: 表示控件的长度

         readonly: 设置当前控件为只读模式                                  name: 当前控件的名称

        disabled: 设置当前控件不能输入                                       id : 当前控件德唯一标识

密码框:   <input type="password"  />

HTML标记

原文:https://www.cnblogs.com/itfz/p/10746689.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!