• HTML基础学习笔记


     一、基本结构

    <html>——开始标记

              <head></head>——头标记,用来控制布局、编码、特效等内容

              <body></body>——主体标记,用来呈现网页的具体内容

    </html>——结束标记,比开始标记多一个斜杠/

    二、标记与元素

    1.文字

    <font color=" 颜色" size="大小 " face="字体">要记得结束标记</font>

    <b>加粗</b>       <strong>也是加粗</strong>

    <i>倾斜</i>       <em>也是倾斜</em>

    <u>下划线</u>

    <center>居中显示</center>

    &nbsp——空格 Ctrl+F7

    <br>——换行

    <p>段落</p>——自带与上下文隔开换行的功能

    <h1>标题的重要性</h1>

    <h2>依次递减</h2>

    <h3>自带回车</h3>

    <h4>h1到h6</h4>

    2.图片

     可视化操作:“常用”工具栏,点击“图像”

     代码 <img src="图片路径 " width="宽 " height="高">

     图片超链接<a hrf="链接的网址"><img src="图片的地址"></a>

    3.视频

     嵌入视频:视频网站 “分享”功能,复制html代码,贴在页面代码中

    4.表格

    创建:1.行数,列数;2.间距,边距;3.总宽,线宽

    结构:<table>表格<tr>列数<td>行数</td></tr></table>

     <ol>有序列表

    <li>自带序列号</li>

    <li>自带换行</li>

    </ol>

    <ul>无序列表

    <li>自带小圆点</li>

    <li>自带换行</li>

    </ul>

    5.链接

    可视化操作:“常用”工具栏 点击“超级链接”,在弹出的窗口中,填写“文本”“链接”

    代码:<a hrf="网址">网站名称</a>

    6.工具

    快捷键   :在主体<body>后面输入代码  <a name="name"></a>

                在主体结束</body>前输入代码 <a hrf="#name">返回最顶部</a>  

    <meta>设置页面信息

  • 相关阅读:
    铁大电梯调度需求分析
    结对开发2
    四则运算3
    团队开发——冲刺2.d
    团队开发——冲刺2.c
    团队开发——冲刺2.b
    团队开发——冲刺2.a
    团队开发——冲刺1.g
    团队开发——冲刺1.f
    团队开发——冲刺1.e
  • 原文地址:https://www.cnblogs.com/sjxx/p/5077264.html
Copyright © 2020-2023  润新知