HTML相关知识点

2 篇文章 0 订阅

语法骨架格式

<html>

   <head>

         <title>   </ title>

    </ head>

    <body>

    </ body>

</ html>

 

文本格式化标签

加粗   <b></ b>; <strong></ strong>

斜体  <i></ i>; <em></ em>

加删除线<s></ s>; <del></ del>

加下划线<u></u>; <ins></ ins>

 

图像标签

<img  src  =  "  "  />

<img />标记属性

src   图像路径

alt   图像不能显示时的替换文本

title   鼠标悬停时显示的内容

width  设置图像的宽度

height  设置图像的高度

border  设置图像边框的宽度

 

链接标签

<a  href = "跳转目标"  target = "目标窗口的跳出方式">文本名称</ a>

href  链接地址

target  指定链接网面打开方式{self  默认值:  blank  新窗口中打开}

注意:

          外部链接需添加  http://

          内部链接  直接链接内部网页名称即可

          如果没有确定链接目标,可写为href = "#",表示该链接暂时为空链接

 

锚点定位

<a href = "#标题">名字</ a>

<hn  id = "标题">名字<hn>    (这里的n取1,2,3,4.....)

 

特殊字符标签

      常用特殊字符         描述         字符代码

                                     空字符           &nbsp;

               <                    小于号           &lt;

              >                     大于号           &gt;

 

注释标签

<!-- 注释语句 -->

 

无序列表

<ul>

      <li>列表项1</ li>

      <li>列表项2</ li>

      <li>列表项3</ li>

</ ul>

有序列表

<ol>

      <li>列表项1</ li>

      <li>列表项2</ li>

      <li>列表项3</ li>

</ ol>

自定义列表

<dl>

         <dt>名词1</ dt>

         <dd>名词1解释1</ dd>

         <dd>名词1解释2</ dd>

          ..........

         <dt>名词2</ dt>

         <dd>名词2解释1</ dd>

         <dd>名词2解释2</ dd>

          ..........

</ dl>

 

创建表格

<table>

          <tr>

               <td>  </ td>

               <td>  </ td>

           </ tr>

</ table>

 

表格属性

属性名        含义

border         表格边框(默认为0)

width            表格宽度

height           表格高度

align             表格在网页中的水平对齐方式  left;center;right

cellspacing  单元格与单元格边框之间的空白间距

cellpadding  单元格内容与单元格边框之间的空白间距

 

表格标题

<caption> </ caption>

注意:caption标签必须跟随table标签之后

合并单元格

 <td  colspan = "n">      n等于几就是合并几格

rowspan  跨行合并(竖着合并)

colspan   跨列合并(横着合并)

删除个数 = 合并个数 - 1

 

input表单

属性                                     属性值                                 描述

                                             text                                        单行文本输入框

                                             password                             密码输入框

                                             radio                                     单选按钮

                                             checkbox                              复选框

type                                      button                                    普通按钮

                                             submit                                    提交按钮

                                             reset                                       重置按钮

                                             image                                     图像形式的提交按钮

                                             file                                           文件域

name                                  由用户自定义                         控件的名称

value                                   由用户自定义                         input控件中默认文本值

size                                     正整数                                     input控件在页面中显示宽度 

checked                              checked                                 定义选择控件默认被选中的项

maxlength                           正整数                                    控件允许输入的最多字符数 

 

下拉菜单

使用select控件定义下拉菜单

<select>

          <option>选项1</ option>

          <option>选项2</ option>

          <option>选项3</ option>

           .........

</ select>

 

表单域

<form action = "url地址"  method = “提交方式”  name = “表单名称”>

各种表单控件

</ form>

 

查文档:

                W3C:  http://www.w3school.com.cn

                MDN:   https://developer.mozilla.org/zh-cN/

  

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值