html的基础知识

241 阅读3分钟

网页后缀:.html

居中:<center>文本内容</center>

分段:<p>段落文本内容</p>

换行:<br/>

加粗标记:<b>加粗内容<b/>只显示加粗   <strong>强调的内容</strong>突出的文本(推荐strong)

倾斜标记:<em>强调文本</em>  <i>倾斜文本</i>  (推荐em)

删除线标记:<s>文本<s>>  <del>文本</del> (推荐dei)

下划线标记:<u>文本</u>

下标:<sub>文本</sub>

上标:<sup>文本</sup>

文本标题:<h1>一级标题 ; <h2>二级标题   .....   (文本标题标签自带加粗,有自己的文本大小,并独占一行,有默认间距

分界线:<hr color="red" width="300px" align="right">  (color:颜色   ;width:宽度 ; align:对其方式  ;noshade:取消阴影)

文档声明(语言):<html lang="***>  "en"代表英语   ”zh-CN"代表中文   “ja-jp"代表日文

尖角号:左尖角<:&lt; 右尖角>:&gt;

空格:&nbsp;该空格占据宽度受字体影响明显而强烈   &emsp;占据的宽度正好是1个中文宽度,且基本上不受字体影响

版权:&copy;

商标:&trade ;或 &reg;

表情:&#128***

无序列表:<ul type="">
         <li>无序列表</li>
     <ul/>        (1.ul里面只能放li;2.li里面随便放;3.默认的是黑色的实心圆;4.=disc默认 ;circle空心圆; square黑色实心正方形 ;none空白

有序列表:<ol  type="A/1/i/I" start="阿拉伯数字">
          <li>有序列表</li>
     </ol>  (1.ol里面只能放li;2.li里面随意放;3.数字是自动生成的

自定义列表:<dl>
        <dt>可以是文字也可以是图片</dt>
        <dd>相关文字</dd>
      </dl>   (快捷键:dl>dt{文本内容}+dd{文本内容})

图片:<img src="图片路径" title="鼠标悬停上去之后的提示信息" alt="图片不显示之后(加载失败)的提示信息" width="200px" height="200px"> (px为单位)
图片路径:
【1】同级目录:名称;./名称
【2】上下级目录(同一大文件夹里面的文件与小文件夹,大文件夹里面的文件与小文件夹里面的文件关系):小文件夹名称+/小文件夹里面文件名称 ;./小文件夹名称+/小文件夹里面文件名称
【3】分级目录(不同小文件夹里面的文件):../小文件夹名称+/小文件夹里面文件名称

div标签:没有具体含义,用来划分页面的区域,独占一行
快捷键:div*数字 ; div{文本内容}*数字

span标签:没有实际意义,主要应用在对于文本独立修饰的时候,内容有多宽就占用多宽的空间距离 例: <span style="color: gray">

超链接,页面跳转:<a href="路径" title="鼠标悬停上去之后的提示信息” targrt="规定在何处打开文档">内容</a>>   (A. target="_self" 默认值 B. target="_blank" 新窗口打开