zoukankan      html  css  js  c++  java
  • HTML总结(一)

    1:HTML的基本构成:

    <html></hmtl>表示文档的开始和结束

    <head></head>表示文档头的开始和结束

    <title></title>文档的标4 题开始及结束

    <body></body>文档正文的开始及结束

    2 页面属性<body>标签内的属性

    bgcolor 背景颜色

    background 背景图片

    text 正文文字的颜色

    link 链接文字的颜色

    alink 正被单击链接文字的颜色

    vlink 已被单击过链接文字的颜色

    leftmargin 网页左边空白

    topmargin 网页上边空白

    3 超链接

    <a huef="URL"  target="打开方式" >文字或图片</a>

    “URL”代表网址或本站某页面,“打开方式”两个基本选项:1 “_blank” 在新窗口中打开 2 “_self 在本窗口中打开”

    4:文字设置

    标题文字大小:<hn></hn> n={1-6}号大小

    单独设置文字:<font></font>

    字号:<font size=n> n={1--7}

    字体:<font  face=X> X=隶书、黑体、楷体_gb2312、仿宋_gb2312、Arial

    颜色:<font color=X>

    文字特殊效果:

    <b>加粗</b>

    <i>斜体</i>

    <u>下划线</u>

    <sub>下标字体</sub>

    <sup>上标字体</sup>

    <s>删除线</s>

    <big>大号字体</big>

    <small>小号字体</small>

    网页布局:

    <hr>:水平线

    <hr size=n> n=像素:粗线

    <hr wirth=n> n=像素或窗口百分比:宽度

    <hr color=X>

    <hr aign=X>X=left(左对齐), right(右对齐),center(居中);

    <br>段落格式:

    <br>:换行

    <p>:段落也可以<p></p>

    <nobr>也可以<nobr></nobr>强制不换行

    对齐方式:

    段落对齐方式:<p align=X></p>

    标题文字对齐方式:<hn align=X></hn>

    文本分区显示对齐方式<div align=X></div>

    单独居中"<center>内容</center>" 包含在中间的“内容”居中对齐

    图像:

    <img src="url"> url=url=绝对路径或相对路径及文件名2。插入图像

    图像与文字对齐<img src="url" align="Y">Y=top(顶部)   middle(中部) botton(底部)

    图像与周边文字间距<img src="url" vspace(垂直)="像素" hspace(水平像素)>

    图像大小及边框宽度<img src="url" width="像素" height="像素"  border="像素">

    图像超链接<a href="URL"> <img src="url"></a>

    表格的操作:

    1:插入表格:

    <table>...</table>:定义表格<表格的开始和结束>

    <tr>.....</tr>定义表行每一行都需定义)

    <th>....</th>定义表头(一般指第一行,因为很多表格没有表头,所以其经常省略)

    <td>....</td> 定义表元(表格的具体数据)

    跨多列的表元:<th colspan=#>或<td colspan=#>

    跨多行的表元: <th rowspan=#>或<td rowspan=#>

    表格外观:

    设置表格边框:<table border=#>

    设置表格尺寸:<table width=# height=#>

    单元格间距:<table cellspacing=#>

    内容与单元格间距:<table cellpadding=#>

    设置表格,7行,8列,9单元格的背景色或图片:

    <table bgcolor=#>和<table background=url>

    <th bgcolor=#>和<th background=url>

    <td bgcolor=#>和<td background=url>

    <tr bgcolor=#>和<tr background=url>

    表格边框颜色:<table bordercolor=#>

    表格内文字对齐:

    文字在表格内左对齐,居中,右对齐:

    <tr align=#> #=left,center,right

    <td align=#>

    文字在表格靠上,垂直居中,靠下:

    <tr valign=#> #=top,middle,botton

    <td valign=#>

    网页动态内容:

    移动的文字:<marquee></marquee>

    方向<direction=left,right,up,down>

    方式<behavior=scroll(绕圈走),slide(一次),alternate(来回走)>

    速度 scrollamount=1.....

    延时 scrolldelay=1.....

    底色 bgcolor

    区域 height,width

    嵌入多媒体<embed src=usl width=# height=#>

    设置背景透明: wmode=transparent

    网页背景音乐 <bgsound src=url toop=#>

  • 相关阅读:
    内存、时间复杂度、CPU/GPU以及运行时间
    内存、时间复杂度、CPU/GPU以及运行时间
    四叉树问题
    四叉树问题
    基于深度学习的人脸识别系统(Caffe+OpenCV+Dlib)【三】VGG网络进行特征提取
    爬楼梯问题种种
    爬楼梯问题种种
    Python 在线笔试
    基于深度学习的人脸识别系统(Caffe+OpenCV+Dlib)【二】人脸预处理
    标准模板库 STL 使用之 —— vector 使用 tricks
  • 原文地址:https://www.cnblogs.com/zhouzetian/p/8401640.html
Copyright © 2011-2022 走看看