Html  (Hypertext Mark-up Language)超文本标记语言

 <!--  -->   注释

!DOCTYPE  声明

head 头部元素的容器

title 文档标题

body 文档的主体

ul li 无序列表

ol li 有序列表

dl dt dd 自定义列表

p 段落标签

br 换行

hr  分隔线

h1 标题1

h2 标题2

h3 标题3

h4 标题4

h5 标题5

h6 标题6

i ===em  文字倾斜
b===Strong 文字加粗
u===ins 下划线
s===del 删除线

span 无语义标签

div 无语义标签

header 网页头部

nav 网页导航栏

footer 网页底部

aside 网页侧边栏

section 网页区块

article 网页文章
        

图片

form 标签用于为用户输入创建 HTML 表单

&nbsp;  空格

&it;   小于<

&gt;  大于 >

&amp; 和号 &

&quit;  引号  ''

&apos;   撇号 `
link 链接 ;
 属性 ;rel='' ''  规定当前文档与被链接文档之间的关系。

             href ='' '' 规定被链接文档的位置。

table caption tr td th  表格标签

<table> 标签定义 HTML 表格。

 caption 表格标题内tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。


  属性:colspan="2" 跨列合并单元格

            rowspan="2" 跨行合并单元格

            border 边框
            width 宽
             height 高             

thead tbody tfoot  表格头部,表格主体,表格底部

<table>

    <thead>

        <tr> <td></td>  </tr>

    </thead>

    <tbody>

     <tr> <td></td>  </tr>

    </tbody>

    <tfoot>

     <tr> <td></td>  </tr>

    </tfoot>

</table>

selected  option 下拉菜单
      属性: selectded 默认选中状态

textarea 文本域

      属性:cols 文本域可见宽度
                rows 文本域可见行数

meta 元数据 
  属性: name="Keywords"  网页描述标签 
              name="description" 网页关键词标签

a 定义锚  
  属性:href=''规定链接指向的页面的 URL ''

            target = ''_self''  当前标签窗口打开

             target = ''_blank''  新标签窗口打开
img 图片
  属性:src=" 规定显示图像的 URL(图片路径)"
            ait= '' 图像的替代文本''
             title= '' 图片文字提示''

audio 音频标签
  属性:src="文件路径" 
            controls 显示播放控件   
            autoplay 自动播放
            loop  循环播放        

            muted  静音自动播放(仅限谷歌浏览器)

video 视频标签

  属性:src="文件位置" 
            controls 显示播放控件   
            autoplay 自动播放
            loop  循环播放        

            muted  静音自动播放(仅限谷歌浏览器)

button 按钮
  属性:submit  提交按钮
             reset  重置按钮

input 文本框 ;

属性描述
namefield_name定义 input 元素的名称。
type

button

checkbox

file

password

radio

reset

submit

text

规定 input 元素的类型。
按钮
多选框
文件选择框 (multiple文件多选)
密码框
单选框
重置按钮
提交按钮
文本框

valuevalue规定 input 元素的值。

label  配input使用扩大选择范围 (点击文字也能选中,不用单点击复选框)

<label >

    <input type="checkbox"> 

</label>

posted on 2021-09-30 19:15  oh日常  阅读(82)  评论(0)    收藏  举报