HTML基础知识

HTML基础知识

字体类型

font-family: cursive;

字体粗细

font-weight: 300;

<strong>字体加粗</strong>

<audio controls="controls"向用户显示控件 autoplay="autoplay"音频在就绪后马上播放 loop=“loop” 每当音频结束时重新开始播放>

 </audio>
<progress value="22" max=“100” > </progress>

<a href="https://www.youkeda.com/" target="_self">优课达</a>

设置连接标签时，target 默认为_self,当前窗口_blank,在新的页面打开。

     <ul>
<li>中间是小圆点<li>
<li>中间是小圆点<li>
<li>中间是小圆点<li>
     </ul>
    <ol>
      <li>1默认是数字开头</li>
      <li>2默认是数字开头</li>
      <li>3默认是数字开头</li>
    </ol>

<input type="text"单行文本输入框 placeholder="昵称"这个文字在点击输入框并输入内容后会消失
name=“nick” 作为名字，在提交表单数据时就不会和其他的搞混了，value=“小明” 在输入框中预填写用户的昵称，readonly 不可修改的输入框>
disabled 所有表单对象，readonly 适用于input和textarea
disabled 使文本框不能输入，当表单以post或get的方式提交时，使用了disabled的元素的值不会被传递出去readonly 仅使文本框不能输入
disabled 使文本框变灰 reaonly外观没有变化

<input type="password" name="password"  placeholder="请输入密码">
 <input id="male" type="radio" name="gender" value="male" />
    <label for="male">男</label>
    <input id="female" type="radio" name="gender" value="female" />
    <label for="female">女</label>

“radio”单选题，有相同的name值表示是同一个单选题，
“checkbox”多选题，有相同的name值表示是同一个多选题，
为了写好单选和多选，我们需要在选框的基础上加上文字，（配合label标签）

   <input id="coding" type="checkbox" name="interest" value="coding" />
    <label for="coding">编程</label>  属性for的值为id    描述规定label绑定到哪个表单
    <input id="other" type="checkbox" name="interest" value="other" />
    <label for="other">其他</label>

<select name="career" multiple=“”>  下拉框类型，当想选多个选项时，可以加multiple
      <option value="default">请选择职业</option>  
      <option value="staff">公司职员</option>  
      <option value="freelancer">自由职业者</option>  
      <option value="student">学生</option>  
      <option value="other">其他</option>  
    </select>

注册这个按钮在点击的时候会自动提交表单数据，有浏览器兼容性问题，故加上type=“submit”
有闭合标签，可以在开始和结束标签之间，放上文字、图片、图标等等

  <button type="submit"></button>

<input type="number" placeholder="手机号" name="mobile">

number用于输入浮点数的控件。