HTML前端标签

一、HTML基础
C/S,Client/Server的缩写,就是客户端/服务器
B/S,Brower/Server,就是浏览器/服务器
二、框架级标签
<!DOCTYPE html>定义文档类型
<html> 定义HTML文档
<head> 定义文档的头部
<body> 定义文档的主体
三、标签
文本标签:<h1></h1><h6></h6>文本大小,数字越大,字体越小
加粗:<b></b><strong></strong>
上标:<sup></sup>
下标:<sub></sub>
删除线:<s></s>
下划线:<u></u>
斜体:<i></i><em></em>
实现逻辑方法的代码:<code></code> public void main()
引用:<cite></cite>
段落标签:<p></p>独占一行
换行标签:<br>
分割线标签:<hr>
预格式化标签:<pre>(打进去的什么效果运行就什么效果)不能用tab键盘,尽量用空格
链接标签:<a href="1.jpg"></a>
    href属性可以存放图片路径、文件路径、网址、锚点
    文件路径起到了下载的作用
    网址是起到了浏览的作用超链接
    锚点给标签定义一个id是标签的唯一标识,点击href中的id值的会定义到对应的标签
    target属性:_self:本页跳转、_bank:打开新的页面
图片标签:<img></img> 属性src=""里面是图片的地址 alt=""这个属性是图片失效了代替的文字
列表标签:<ul type="">  type属性:circle(空心圆)/disk(实心圆 )/ square(实心正方形)
<li>A</li>
<li>B</li>
<li>C</li>
   </ul>
   有序列表:orderlist
   <ol type="">  type属性:1/i/I/a/A(数字排序)I是罗马数字,A是26进制-27就是AA
<li>A</li>
<li>B</li>
<li>C</li>
   </ol>
   自定义列表:
     <dl>  
<dt></dt>标题可以多个
<dd>B</dd>具体的信息
<dd>C</dd>
   </dl>
表格标签:
<table width="200" height="200" border="1">
    <tr>
      <td>A</td>
      <td colspan="2">B</td>
    </tr>
    <tr>
      <td rowspan="2">D</td>
      <td>E</td>
      <td>F</td>
    </tr>
    <tr>
      <td>H</td>
      <td>I</td>
    </tr>
  </table>
  效果:















表单标签:
<form action="后端地址"> <input type="text" placeholder="请输入内容" name="name" value="你好"> --type="password"密码的 </form> <textarea></textarea> iframe标签:用于在一个页面中嵌入另一个页面 <a href="http://www.baidu.com" target="iframe-test">显示百度</a> <iframe name="iframe-test" width="1000" height="1000"></iframe> src="../02.bodytag1/demo1_hTag.html"--显示需要展示的页面 ***div&span标签 div是块状容器,独占一行,主要用于搭建网页布局,页面整体布局就靠它 span是行级容器,其大小自适应与包裹的对象

 

posted @ 2020-07-17 11:31  任磊5  阅读(171)  评论(0编辑  收藏  举报