html-summarize

HTML知识点总结

ins和del

• <del>标签可定义加删除线文本定义；
• <ins>对插入文本添加下划线；
• 两者一般同时搭配使用
• ins和del在html中。既可以作为块级元素，也可以作为内联元素，但是不能同时作为这两个元素

超链接 a

• 超链接语法：
  • <a href="......(网址)" target="_blank">名称</a>
• 符号说明：
  • href即为要跳转去的网址URL
  • target属性为_blank表示在新页面打开超链接

锚点

• 锚点即可以在长页面内实现跳转
• 锚点语法：
  • <h2 id=C4>第四章....</h2>
  • <a href="#C4">跳转到第四章</a>
• 注意元素id值必须是唯一的，即页面不能有其他元素的id值为C4
• 注意超链接中的地址需要有 # 号

图片 img

• 在页面插入一张图片：
  <table>img src="......(图片地址)"

表格 table

• table语法：

    <table>
     <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Age</th>
    </tr>
    <tr>
        <td>Jill</td>
        <td>Smith</td>
        <td>50</td>
    </tr>
    <tr>
        <td>Eve</td>
        <td>Jackson</td>
        <td>94</td>
    </tr>
    </table>  
  

  效果如图：

  Firstname	Lastname	Age
  Jill	Smith	50
  Eve	Jackson	94

• table中<tr>表示行，<th>是表头的单元，<td>表示行中的单元，

列表List

• 无序列表：

  • 语法:

    <ul>
        <li>coffee</li>
        <li>Tea</li>
        <li>Milk</li>
    <ul> 
    

  • <li>标签定义列表项目，可用在有序列表<ol>和无序列表<ul>中

• 有序列表

  • 语法：

    <ol>
        <li>coffee</li>
        <li>Tea</li>
        <li>Milk</li>
    <ol>  
    

  • 有序列表使用<ol>标签默认使用数字作为每项标志

表单form

• 当网站需要获取我们的一些信息如：用户名、密码、提出意见等等时，我们需要使用表单form来让用户填写或选择
• name属性规定input元素名称，只有设置了name属性的表单元素才能在提交表单时传递值
• value起一个设定初始值的作用
• <select>元素用来创建下拉列表的作用
• <select>元素中的<option>标签定义了列表中的可用选项
• type=“checkbox”,会创建一个复选框，不限制选中的数量

其他

• Html元素可以以称为区块或内联的方式进行显示
  • 区块元素：区块元素在浏览器显示时，通常会以新行来开始和结束
    如：<h1> <pre> <ul> <table> <div>
  • 内联元素：内联元素相反，他们总是一个接一个进行显示，不会新起一行
    如：<span> <input> <td> <a> <img>
• 预设格式：如果想在网页中保留其文本格式，可以使用<pre>标签
• 特殊字符：可以查看特殊字符手册，如：打印空格、大于等于号