博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
20150916-html第一次课
阅读量:5269 次
发布时间:2019-06-14

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

一、HTML标记

<标记名称  属性1=”值1”  属性2=”值2” …>组件资料</标记名称>

*标记不区分大小写,属性值可以不加引号

二、HTML结构

      <html>

             <head>

                <title>网页标题</title>

            </head>

             <body>

                 网页主体部分

             </body>

       </html>

三、HTML注释:<!--您的第一个HTML文件-->
四、版面控制标记

  1、换行<br/>

      2、段落标记<p></p>

      3、水平线<hr>

      4、空格&nbsp;

      5、居中标记<center></center>
五、标题文字
  <h1>此处放标题内容</h1>-<h6>此处放标题内容</h6> H1文字最大,H6文字最小
  <b></b>粗体

  <i></i>斜体

  <u></u>下划线

  <s></s>删除线

  <sup></sup>文字表在字体上方

  <sub></sub>文字标在字体下方

六、body属性

  bgcolor 网页背景颜色

  background 网京图片

  text 网页背景文字颜色

七、列表标签

  1、有序列表

    <ol>

         <li>列表1</li> 

         ... 

         <li>列表3</li> 

    </ol>

  2、无序列表

     <ul>

         <li>列表1</li> 

         ...

         <li>列表3</li> 

    </ul>

八、表格

  1、布局

  <table>

    <caption>表格标题</caption>

      <tr>

       <th>表头1</th>

       <th>表头2</th>

     </tr>

     <tr>

      <td>列表1</td>

      <td>列表2</td>

    </tr>

 </table>

  2、属性

    border,边框宽度;cellspacing,表格内框的宽度;cellpadding,表格内的文字至四周边框的距离;Height,高度;width,宽度; bordercolor,边框颜色; bgcolor,背景颜色; align,表格在网页中的水平对齐方式

  3、行列属性

    高:height; 框颜色:bordercolor; 背景色:bgcolor; 水平对齐:align; 垂直对齐:valign

    4、跨行跨列

    跨行:rowspan  跨列:colspan

    5、表格标题

    <caption align=top或bottom>,位于表格上方或下方.   

九、图片标记

  图片标记:<img src="图片路径" >

  图片属性:高度:height; 宽度:width; 边框宽度:border; 优先读低分辨率图:lowsrc; 文字标注:alt

十、超链接

  <a href=”链接位置”>超链接名称</a>  必须加http(超文本传输协议)

      html空链接: href="#"与href="javascript:;"的区别,前面其实跳转,后面不跳转,用户体验更好点。

  图片链接:<a href="http:\\www.baidu.com"><img src="tupian.jpg"></a>

十一、其他标签

     换行标签  <br/>

     水平线标签 <hr/>

     空格&nbsp;

     加粗<b></b>

     倾斜<i></i>

     下划线<u></u>

     删除线<s></s>

     p2 p<sub>2</sub>

     p2 p<sup>2</sup>

十二、相对路径

      绝对路径: src="http://www.a.com/b.jpg" 或"d:/web/c.jpg"

  相对路径:   src="../../c/d.jpg"

 

最后总结:虽然有些html有自己的属性,去设置该标签的外观,但是,在真正做项目的时候不用这些属性,全部用CSS去做

转载于:https://www.cnblogs.com/zhangjx/p/4815413.html

你可能感兴趣的文章
对百度杀毒软件的评价
查看>>
微信上传素材返回 '{"errcode":41005,"errmsg":"media data missing"}',php5.6返回
查看>>
七七四十九劫,九九八十一难
查看>>
.net 获取CPU频率 内存 磁盘大小,域名 端口 虚拟目录等
查看>>
div或者p标签单行和多行超出显示省略号
查看>>
Elasticsearch 滚动重启 必读
查看>>
mysql explain执行计划详解
查看>>
windows下面安装Python和pip终极教程
查看>>
Hadoop基本概念
查看>>
java.util.zip压缩打包文件总结一:压缩文件及文件下面的文件夹
查看>>
JavaScript高级程序设计(四): 关键字With的使用
查看>>
浅说 apache setenvif_module模块
查看>>
MySQL--数据插入
查看>>
判断一个元素有没有条件
查看>>
[JLOI2011]飞行路线 (分层图,最短路)
查看>>
重新学习python系列(二)? WTF?
查看>>
android开发常用地址
查看>>
SSH框架整合配置所需JAR包(SSH整合)
查看>>
PHP函数
查看>>
html5多媒体Video/Audio
查看>>