【HTML CSS基础】

文字标签

所有文字标签都是双标签且都为行内标签

 <a href="">1233</a>

  <b>这是第二天的学习！</b>

  <b>这是第二天的学习！</b>

  <strong>加粗文字！</strong>

  <u>下划线！</u>

  <ins>下划线</ins>

  <s>删除</s>

  <del>shan</del>

  <i>倾斜</i>

  <em>倾斜</em>

特殊符号
 

     <p>今天&nbsp;&nbsp;空格&nbsp;&nbsp;&nbsp;&nbsp;</p>

    <span>小于符号&lt;</span>

    <span>大于符号&gt;</span>

    <span>和符号&amp;</span>

    <span>正负符号&plusmn;</span>

    <span>乘号&times;</span>

    <span>除号&divide;</span>

    <span>平方符号&sup2;</span>

   

    <span>人民币&yen;</span>

    <span>版权&copy;</span>

  

表单标签

      为什么需要？

      收集用户信息，与用户进行交互。

       组成？

       表单控件，提示信息，表单域

         表单控件包含具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。

         提示信息是一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。

         表单域相当于一个容器，用来容纳所有表单控件和提示信息，可以通过它定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。

<input type="radio" checked disabled>给我一百万

        <form action="./03特殊符号.html" method="get">

         <!-- 表单控件 -->

        <input type="text" size="10" maxlength="6">

         <br>

         <input type="text" placeholder="提示符" name="val">

         <input type="password" name="pas">

         <input type="radio" name="w">那个男的

         <input type="radio" name="w">漂亮女孩

         <input type="checkbox" name="x" disabled>dog

         <input type="checkbox" name="x" checked>cat

         <input type="file">

         <input type="button" value="按钮">

         <input type="image" src="./">

         <!--  type="image"是我们的自定义按钮 -->

         <!-- 当给button在form里的时候相当于提交按钮 -->

         <input type="reset">

         <input type="submit">

    </form>

   <button>点我</button>

textarea控件（文本域）

创建多行文本输入框，输入大量的文本信息

 是否支持伸缩     resize:none

            选项框     select  （option标签中加入selected默认选中）

 表单域 -form用于定义表单域，即创建一个表单

              form中所有内容都会被提交给服务器

<form action="url地址" method="提交方式" name="表单名称">
    各种表单控件
</form>

    method-提交方式  

    1.get(传输的数据放到我们的导航栏上)

    2.post（传输的数据放到body）

前端如何进行SEO优化

SEO: 搜索引擎优化

方法:合理的title、description、keywords

新增语义化标签

 <header>头部 </header>

 <article>独立的内容区域 </article>

<aside>侧边栏内容 </aside>

<footer>定义section或document的页脚 </footer>

<nav>定义导航链接的部分 </nav>

datalist：定义选项列表，与input结合使用

<input type="text"  value="输入明星" list="star"/>  
<!-- datalist使用id属性，list属性与id属性的值一致，表示与input形成链接 -->
<datalist id="star">    
    <option>张学友</option>
    <option>张韶涵</option>
    <option>张敬轩</option>
    <option>孙燕姿</option>
    <option>孙悦</option>
    <option>张碧晨</option>
</datalist>

fieldset：可将表单内的相关元素分组打包，与legend搭配使用

<fieldset>
    <legend>登录页面</legend> <!--  外边框的标题 -->
    用户名：<input type="text"><br><br>
    密　码：<input type="password">
</fieldset>

mark：用于定义带有记号的文本。在需要突出显示文本时可使用 <mark> 标签。

<p>这是一个段落，中间的<mark>文本</mark>需要标记</p>

新增的input type属性值

search---搜索框  在输入文字以后出一个删除键

        <input type="search" placeholder="please">

range---自由拖动滑块

hidden/show---定义表单隐藏/显示

time---小时分钟

date---年月日

month---年月

week---星期 年

color---颜色