html基础学习总结

最新推荐文章于 2023-07-28 17:44:43 发布

偷松果的松鼠

最新推荐文章于 2023-07-28 17:44:43 发布

阅读量333

点赞数 1

文章标签： html基础

本文链接：https://blog.csdn.net/qq_34963282/article/details/51405655

版权

1.<head>head标签内存放的是所制作的网页的关键字，搜索引擎通过检索关键字搜到我们网站</head>
   例如：<meta name="author" content="刘宁山"/>
            <meta name-"keywords" content="It's my first Html"
<meta name="珊珊" content="我的"/>
<meta name="keywords" content="珊珊"/>有多个关键字，在congtent中用逗号分隔；
<meta name="description" content="这是我的第一个网叶"/>用于搜索引擎搜索时显示网页摘要；
meta标签存放的是网页的关键字
2.<title>title标签存放的是网站的标题</title>
3. link标签链接的是网页的icon，标签前面的logo<link rel="icon"href="img/20160512093244.png"/>
4..<body>body当中存放的是网页的主体内容
    <h1>一级标题</h1>
    <h2>一级标题</h2>
    <h3>一级标题</h3>
    <h4>一级标题</h4>
    <h5>一级标题</h5>
    <h6>一级标题</h6>
----注意：只到6级标题
----<p>p标签表示段落标签</p>
----<hr>hr标签表示水平线<hr/>
----<br>br标签表示换行</br>
5.<blockquote cite=>blockquote标签是引用标签</blockqote>
6.<pre>pre标签是引用标签，保存html中原有的格式
     public void onConfigurationChanged(Configuration newConfig) { //重写onConfigurationChanged方法,最新的系统配置信息
        super.onConfigurationChanged(newConfig);
        String screenOrientation="方向未发生变化";
        if(newConfig.orientation==Configuration.ORIENTATION_LANDSCAPE){
            screenOrientation="横屏";
        }else if(newConfig.orientation==Configuration.ORIENTATION_PORTRAIT){
            screenOrientation="竖屏";
        }
        show.setText(screenOrientation); //将最新的屏幕信息显示在屏幕上
    }
   <pre/>
7.<ol>
         <li>1</li>
         <li>2</li>
         <li>3</li>
   <ol/>
   ol标签表示的是有序列表
   <ul>
         <li></li>
         <li></li>
     <ul/>
     ul表示的是无序列表，可以互相嵌套
     <dl>
         <dt>主题</dt>
         <dd>描述项一</dd>
         <dd>描述项一</dd>
         <dd>描述项一</dd>
       </di>
       dl表示的是定义列表
8.    <div style="background-color:red; width:300px; height:300px;">
       div表示单独的一个区域，可以自定义这个区域的大小，背景颜色
       </div>
9.    <span style="color:#C06;front-size:36px;">呵呵呵</span>span表示单独为这段字体定义颜色，字体大小
10. <img src="../Picture/456.png"alt="图片不能整场加载时显示的图片"title="苏烟"/>
      title表示的是鼠标指向图片时显示的文字
      
11. <em>em标签，表示强调！浏览器中显示效果为倾斜！</em>
      <strong>Strong标签，强调程度比em要高，浏览器中显示为加粗！</strong>
      <i>i标签，普通的倾斜，没有强调意思。</i>
     <b>b标签，普通的加粗，没有强调作用。</b>
     <small>比正常字体小1号，可以嵌套使用，多一个small小1号。当字体为最小字号时，small不起效果！</small>
     <big>比正常字体大一号，同上！</big>
     <q>表示短的引用，浏览器解释为加引号！</q>
12. 
   <a href="Untitled-4.html"target="_blank">超链接文字！！！</a>
   
    首先，定义一个锚点：<a name=”top”></a>
    然后，设置一个超链接，跳转到锚点：<a href=”#top”>链接</a><a href="#top"target="_self">返回顶部</a>
   
   <a href="Untitled-6.html#code">链接</a>

<body/>

制作html时需要注意的问题：