博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
入门系列2
阅读量:5080 次
发布时间:2019-06-12

本文共 2816 字,大约阅读时间需要 9 分钟。

1,html主要的标记类型:
          元素/标记名称
          属性
          值:预定义值-接受特定值
                数字或者百分数
                引用url
                颜色名称:十六进制、数字
 
2、最常用的控制标记
     备注:  <!-- -->
     换行: <br />
     段落: <p align="center"></p>
     水平直线: <hr size="" color="" noshade />
     背景色与文字控制: <body bgcolor="#000" text="#fff"></body>
     页面的边距、行距: leftmargin=""     topmargin="" rightmargin=""  bottommargin=""
     标题文字设置:<hn></hn>  (n=1,2,3,4,5,6)
     特殊字符: < &lt; 
                        > &gt;
                       & &amp;
                        "  &quot;
                       空格 &nbsp;
                       ©  &copy;
 
3、实体字符控制标记 
     <b></b> 粗体
     <i></i> 斜体
     <s></s> 删除
     <u></u> 下划线
     <sub></sub> 下标
     <sup></sup> 上标
 
4、语义字符控制:
     <big></big> 大字
     <small></small> 小字
     <strong></strong> 加强语气(加粗)
     <em></em> 加强语气(加粗)
 
5、<font>字体控制 —  <font size="" color="" face=""></font>
     PS: 引用CSS更加便利的字体控制  <font 20px;"></font>
 
6、格式化: <pre></pre>
 
7、引用文本: <blockquote cite="www.baidu.com">here is a long quotation.</blockquote>
     cite的值为被引用的地址
 
8、排列清单控制标记:
  8.1无序列表:
<ul>
  <li type="disc|circle|squaare"></li>
</ul>
   PS: disc:实心圆|circle:空心圆|squaare:实心方块
 
8.2有序列表:
<ol>
  <li type="1|a|A|I"></li>
</ol>
 
8.3 定义列表:
<dl>
  <dt></dt>
  <dd></dd>
  <dd></dd>
</dl>
 
9、对图片的操作:
     9.1 背景图设置: <body background="url"></body>
     9.2 将图片插入到网页中去: 
          <img src="url" alt="" width="" border="" align=""/>
     9.3 把图像作为超链接: 
          <a href="#"><img src="url" /></a>
     9.4 地图索引:
<img src="" usemap="#map1"/>
<map name="map1" id="map1">
  <area shapr="rect" coords="坐标" alt="desc">
  <area shapr="circle" coords="坐标" alt="desc">
  <area shapr="poly" coords="坐标" alt="desc">
</map1>
     9.5 为网站添加图标:
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">      //PS:仅在服务器上有效
 
10、表格标记
     10.1 基本格式
<table>
  <thead>
    <th><td></td></th>  
  </thead>
  <tbody>
    <tr><td></td></tr>
  </tbody>
  <tfoot>
     <tr><td></td></tr>
  </tfoot>
</table>
 
     10.2 <table>常用属性:
          border : 表格边线
          cellspacing:格与格之间的距离
          cellpadding:格与数据之间的距离
          width : 
          height :
          align : 表格的对齐方式
          bgcolor : 
          background : 
          bordercolor : 
          bordercolorlight : 边框亮色
          bordercolordark :边框暗色
          frame : 表格边线的各种表现形式 (该属性必须在border不为零的状态下)
          rules : 表格框线的各种表现形式
 
     10.3 <tr><th><td>的属性:
          width :
          height : 
          bgcolor :
          align : 水平对齐方式
          valign : 垂直对齐方式
          nowrap : 在单元格中换行
 
     10.4 拆分与合并单元格:
          colspan:合并列
          rowspan : 合并行
     
     10.5 表格结构化
          <table><thead></thead><tbody></tbody><tfoot></tfoot></table>
 
     10.6 表格的直列化
          <col align="center" span="2" width="" valign="middle"></col>
 
     10.7 表格的标题:
          <table><caption></caption></table>
 
11、超链接
     11.1 格式:<a href="scheme://host[:post]/path/filename"></a>
          scheme: 指的是http、file、ftp、mailto、news、 gopher、telnet 七种
               <a href="http://www.baidu.com">百度</a>
     <a href="file://www.baidu.com">百度</a>
     <a href="ftp://192.168.4.1" >进入</a>
     <a href="mailto:bnbbs@163.com">email</a>
          post : 指的是服务器端口
          path : 文件路径
          filename : 文件名 
     
     11.2 绝对路径、 相对路径
 
     11.3 锚点:
          锚点:<a name="锚点1"></a>
          连接点:<a href="#锚点1"> </a>
     
     11.4 基准参考点:<base href="c:\">
 
     11.5 超链接事件: 
          <body link="未选中颜色" alink="选中但未放开时的颜色" vlink="已点选过的颜色">
 
     11.6 为连接创建键盘快捷键 : 
          accesskey="w"     (alt+w)(ctrl+w)
 
     11.7 为链接设置制表符次序
          tabindex="n"
 
     多窗体链接属性:
          <a target="_blank | _selt | _parent | _top">

转载于:https://www.cnblogs.com/namedL/p/8513002.html

你可能感兴趣的文章
实验五 Java网络编程及安全
查看>>
32位与64位 兼容编程
查看>>
iframe父子页面通信
查看>>
ambari 大数据安装利器
查看>>
java 上传图片压缩图片
查看>>
magento 自定义订单前缀或订单起始编号
查看>>
ACM_拼接数字
查看>>
计算机基础作业1
查看>>
Ubuntu 深度炼丹环境配置
查看>>
C#中集合ArrayList与Hashtable的使用
查看>>
从一个标准 url 里取出文件的扩展名
查看>>
map基本用法
查看>>
poj-1163 动态规划
查看>>
Golang之interface(多态,类型断言)
查看>>
Redis快速入门
查看>>
BootStrap---2.表格和按钮
查看>>
Linear Algebra lecture 2 note
查看>>
CRC计算模型
查看>>
Ajax之404,200等查询
查看>>
Aizu - 1378 Secret of Chocolate Poles (DP)
查看>>