【自学】前端笔记-1

<!DOCTYPE html> <!--声明文件类型为 html-->

<html>

<head>

  <title>网页标题</title>

  <meta http-equiv="Content-type" content="text/html;charset=utf-8"><!--声明类型;字符编

码-->

</head><!--网页头部-->

<body>

    <p>段落标签</p><!--段落标签,属性align,left左对齐;center居中对齐;right右对齐;

justify伸展对齐-->

    <p>一段文字<br/></p><!--<br/>标签强制换行,书写规范后面加斜杠-->

    <hr/>

    <h1>标题标签</h1> <!--h1-h6,从大到小,六级标题-->

    <h2>特殊符号</h2>

      <h3>斜体</h3>

          <i>斜体</i>

          <em>斜体</em>

      <h3>加粗</h3>

          <b>加粗</b>

          <strong>加粗</strong>

      <h3>上标</h3>

          <p>文字<sup>上标</sup></p>

      <h3>下标</h3>

          <p>文字<sub>上标</sub></p>

      <h3>符号</h3>

          &lt;<

          &gt;>

          &trade;TM

          &reg;

          &copy;

          &nbsp;space

    <hr/>

    <h2>列表</h2>

      <h2>无序列表</h2>

          <ul><!--属性type="";disc实心圆;square正方形;circle空心圆;-->

            <li></li>

            </ul>

      <h2>有序列表</h2>

          <ol><!--属性type="";1数字;a小写字母;A大写字母;i罗马数字;I大写罗马数字-->

            <li></li>

            </ol>

      <h2>定义列表</h2>

          <dl>

            <dt>列表文字</dt>

              <dd>描述列表文字</dd>

            </dl>

    <hr/>

    <h2>图片标签</h2>

    <img src="" alt="图片代替文本" /><!--img为单标签,末端用斜杠闭合,src为图片url,alt为图

片不显示时的代替文本,width=""表示图片的宽;height表示图片的高-->

    <h2>路径</h2>

        <h3>绝对路径与相对路径</h3>

      <p>绝对路径是指从盘符开始写起的路径</p>

      <p>相对路径是指相对于html文件位置的路径</p>

      <hr />

    <h2>超链接</h2>

      <a href="" target="" title="" name="">文字或图片</a> <!--a标签覆盖的范围为超链接的范

围,href属性作用为指向目标url,title鼠标指向超链接的提示性文字,name的作用是锚链接标记-->

      <h3>锚链接</h3>

      <p>在网页内添加锚点使网页链接指向锚点进行目标跳转</p>

      <p>name属性定位锚点,href="#name"实现同页面锚点跳转,href=".html#name"实现锚点跨页面

跳转</p>

      <h3>超链接的其它作用</h3>

      <a href="mailto:邮箱地址">发送邮件</a><!--可以直接点击发送邮件--><br />

      下载:在href属性里直接输入压缩文件路径可实现点击下载

</body>

</html>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 4,886评论 0 0
  • --- 学习目标: - 了解常用浏览器 - 掌握WEB标准 - 理解标签语义化 - 掌握常用的排版标签 ...
    红豆丁244阅读 5,182评论 0 2
  • 本文将会介绍HTML中的一些常用标签,后面还会陆续整理 1:什么是HTML HTML (Hypertext Mar...
    憨憨二师兄阅读 4,551评论 0 0
  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    淡淡疯阅读 5,014评论 0 3
  • HMTL初识 HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”...
    小青年coder阅读 6,942评论 0 1

友情链接更多精彩内容