• 15-07-23 HTML--标签


    超文本标记语言:HTML

    W3C:互联网联盟

    注释语法:<!--注释掉的内容-->

    标签格式: 双标签元素:<标签名 属性 style="样式">内容</标签名>

    单标签元素:<标签名 /> 或<标签名>

    基本标签:

    (一) 自带标签

    <html>网页开始 </html>网页结束

    <head>头标签 里面放控制性的东西

    <body>主体标签,里面放网页内容

    <title>网页的标题

    (二)格式标签(例:word工具条)

    1.<fount face=" " size=" " color=" ">  控制字体属性

    2.<b></b>  字体加粗

    3.<i></i>  字体倾斜

    4.<u></u>  下划线

    5.<br />  换行

    6.&nbsp;  表示空格

    (三)内容标签(模型:QQ新闻页面)

    1.<h1></h1>...<h6></h6>  标题--<h1>字体最大,<h6>字体最小

    2.<p></p>  段落标签

    3.<ul></ul>  无序列表

      <li>内容</li> 

      <ol></ol>  有序列表

      <li>内容</li> 

    4.<div></div>  层标签(默认占一行)

      <span></span>  层标签(默认多大空间占多大空间)

    5. “../”  表示上级目录

        “./”  表示当前目录

    二、常用标签

    (一) 超链接<a></a>

    1.超链接文字---中间的内容

    2.超链接的导向地址---href属性

    3.target属性---_blank属性 在新窗口打开/_self属性 在自身窗口打开

    路径问题:手写路径怎么写

    以该网页所在的位置为基础,如果找它的父级文件夹用../ 如果找它的子级文件夹用/ 直到找到图片为止

    (二) 图片<img />

    1.图片的路径---src属性

    2.图片的大小---width属性 height属性

    3.图片描述名称---alt属性

    (三) 图片超链接<a> <img /> </a>

    三、表格标签:

    <table> 属性:表格宽度,border:边框 cellspacing:单元格间距 cellpadding:单元格的内边距 bordercolor:边框颜色

    <tr>行,属性:bgcolor:背景色,

    <td>单元格:属性:宽度,height:高度,align:水平对齐 valign:垂直对齐 rowspan="3"合并列 colspan="2"合并行

    锚点:怎么用?

    1.设置锚点,在要设置锚点的地方加一个a标签<a name="md"></a>

    2.设置跳转,在要跳转的地方加一个A标签<a href="#锚点名"></a>

  • 相关阅读:
    蘑菇街电话面试记录
    阿里校招在线笔试
    前端小记
    校招记录
    leetcode部分解题思路
    搜的面试题零散记录
    网页小记录
    开机进入GRUB不要慌,命令行也可启动Linux
    Error running Tomcat 6: Address localhost:8080 is already in use
    IDEA 自动提示快捷键,类似VS Ctrl + J
  • 原文地址:https://www.cnblogs.com/dcdgmjzhal/p/4709752.html
Copyright © 2020-2023  润新知