02基础标签

最新推荐文章于 2018-02-05 01:08:57 发布

PhilRobin

最新推荐文章于 2018-02-05 01:08:57 发布

阅读量191

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/qq_41675888/article/details/79168212

版权

html 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

02基础标签

网页标准模板

  
  
   
   国际化网页标准模板

  
  
  
  

  
  
  
                                                              
   
   <!doctype html>

  
  
  
   
   
   <html>

  
  
  
      
   
   <head>

  
  
  
          
   
   <!--声明当前页面的编码集：charset=gbk,gb2312(中文编码），utf-8国际编码-->

  
  
  
          
   
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  
  
  
          
   
   <!--声明当前页面的三要素：标题，关键词，描述-->

  
  
  
          
   
   <title>国际化标准网页模板 （小于31个字）
   
   </title>

  
  
  
          
   
   <meta name="keywords" content="关键词，关键词，关键词">

  
  
  
          
   
   <meta name="description" content="简介与描述，80个字内">

  
  
  
  

  
  
  
          
   
   <!--css/js-->

  
  
  
  

  
  
  
      
   
   </head>

  
  
  
  

  
  
  
      
   
   <body>

  
  
  
  

  
  
  
  

  
  
  
  

  
  
  
      
   
   </body>

  
  
  
   
   
   </html>

这节课，学习了一些基本的标签

在做作业的时候，才发现简单的页面也会有许多的问题

标题类标签自带margin
比如

标签，是自带margin的，当要将别的，诸如div元素想要紧贴带有
标签的
时，无法贴合，这种细节只有练习的时候才能知道，所以要多多练习。

font标签

  
  
   
   <
   
   font size=
   
   "6" face
   
   "微软雅黑">文字</
   
   font>

  
  
span标签
p标签
a标签
图片的相对路径-relative


 
 
  
    <
  
  img src=
  
  "../../images/1.jpg"/>

 
 
 
 

 
 
 
 
  
  两个点,代表返回上一层文件夹

图片的绝对路径-absolute


 
 
  
  <img src="C:
  
  \work
  
  \Java
  
  \course
  
  \vip
  
  \Arry精英战队
  
  \JavaWeb
  
  \chapter04
  
  \chapter04
  
  \images
  
  \bc.jpg" />

标签页内锚记,锚点定位


 
 
  
  <h3>矛点定位
  
  </h3>

 
 
 
 
  
  <a href="#haha">点我可以跳转到标题栏
  
  </a>

可以用来做页内定位,用来做页内导航,目录.

特殊字符表示

pre标签,这个标签内可以输入各种原生文字!!

上标下标


 
 
  
  H
  
  <sub>2
  
  </sub>CO
  
  <sub>3
  
  </sub> = H
  
  <sub>2
  
  </sub>O + CO
  
  <sub>2
  
  </sub>

 
 
 
 

 
 
 
 
  
  2
  
  <sup>3
  
  </sup> + 3
  
  <sup>3
  
  </sup> = 35

 
 
 
 

 
 
 
 

 
 
 
 

 
 
 
 

 
 
 
 

 
 
 
 

 
 
 
 

 
 
 
         
  
  <a href="#">这是一个超链
  
  </a>

 
 
 
 

 
 
 
 

 
 
 
 

 
 
 
 
  
  将href=#是指联接到当前页面，其实是无意义的，页面也不会刷新，关键是后面的onclick，当点击关闭时，会执行window.close()代码。

marquee标签


 
 
  
  <marquee>移动的文字
  
  <marquee>

03重要的图片标签-img

PhilRobin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
02基础标签

02基础标签网页标准模板国际化网页标准模板 html> head> meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
复制链接

扫一扫

专栏目录

02基础标签

标签的 时，无法贴合，这种细节只有练习的时候才能知道，所以要多多练习。

标签的
时，无法贴合，这种细节只有练习的时候才能知道，所以要多多练习。