• 售前

  • 售后

热门帖子
入门百科

HTML总结

[复制链接]
狭缝求生室 显示全部楼层 发表于 2022-1-16 16:45:34 |阅读模式 打印 上一主题 下一主题
HTML是超文本标记语言,标记语言是一套标记标签,HTML利用标记标签来形貌网页。
一、HTML常用标签

1.常用标签

(1)标题标签~
        语义:作为标题利用,根据紧张性递减。
(2)段落标签
和换行标签

(3)文本格式化有:加粗、倾斜、下划线、删除
(4)用于对文档中的行内元素举行组合,一行多个。
(5)盒子模子
标签,一行一个,常用于组合块级元素,以便通过 CSS 来对这些元素举行格式化。
2.图像标签

(1)图片标签
(2)音频标签
        涉及布尔属性:
        a.controls属性:规定欣赏器应该为音频提供播放控件(播放、停息、定位、音量、全屏切换、字幕、音轨),如果设置了该属性,则规定不存在作者设置的脚本控件。
        b.autoplay属性:音频停当后自动播放。
        c.loop属性:在音频竣事时重新播放。
        d.multed属性:规定音频(视频)输出时应该被静音。
(3)视频标签:
        相对路径(vs code打开目次文件夹)以引用文件地点位置为参考根本而创建出的目次路径
        a.同一级路径     
        c.上一级路径       
3.超链接标签

 (1)链接的语法格式:文本
           此中href用于指定链接目标url地点,target指定链接页面打开方式(_self为当前窗口且是默认,_blank为在新窗口打开)。
 (2)链接分类:
        a.外部链接
        b.内部链接:href处填写文件位置加html文件爱你名称,如公司简介
        c.空链接
        d.下载链接:地点链接的是 文件.exe大概是zip等压缩包情势,如下载文件
        e.网页元素链接
        f.锚点链接:定位到某一位置,在链接文本的href属性中,设置属性为#id名的情势                
4.表格标签

   表格的重要作用:展示数据
(1)根本语法:
  1. <table>定义表格
  2.     <thead>标签表格的头部区域,内部必须有tr标签
  3.         <tr>在table中定义行
  4.    <form action="demo.php" method="POST" name="name1">
  5.    </form>
  6.    <!--action处写url地址,method是提交方式有get/post两种值--> <th>表头</th>
  7.    <form action="demo.php" method="POST" name="name1">
  8.    </form>
  9.    <!--action处写url地址,method是提交方式有get/post两种值--> <td>单元格内的文字</td>
  10.         </tr>
  11.     </thead>
  12.     <tbody>
  13.     </tbody>
  14. </table>
复制代码
(2)表格属性:align、border、cellpadding、cellspacing、width、height等。
(3)归并单元格:
        a.跨行归并:rowspan="归并单元格行数"。(从设置该属性的行开始于下面的单元格归并)
        b.跨列归并:colspan="归并单元格列数"
5.列表标签

(1)无序列表:



(2)有序列表:


  •         ol的属性:reversed="reserved"(降序)、start="数字"、type="1 A a I i"(规定标记范例)
    (3)自界说列表:
    6.表单标签(网络用户信息)

       表单构成:表单域、表单元素、提示信息。
    (1)表单域:
    1.    <form action="demo.php" method="POST" name="name1">
    2.    </form>
    3.    <!--action处写url地址,method是提交方式有get/post两种值-->
    复制代码
    (2)表单元素:
            a. input输入表单元素:
                属性:type、value、checked、maxlength等,HTML5新增了许多属性
                type属性的值:button、checkbox多选、radio单选、file、hidden、image、password、reset重置、submit提交、text
            b.标签:绑定表单元素      
    1.    <!--将文字与input标签的按钮绑定-->
    2.    <label for="text"> 用户名:</label> <input type="text" id="text" >
    3.    <input type="radio" id="nan" name="sex"> <label for="nan">男</label>
    4.    <input type="radio" id="nv"  name="sex"> <label for="nv">女</label>
    复制代码
            c.select下拉表单元素                                                                                        
    1.    <form action="demo.php" method="POST" name="name1">
    2.    </form>
    3.    <!--action处写url地址,method是提交方式有get/post两种值-->   山东        北京        火星   
    复制代码
            d.textarea表单元素:文段

    免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
  • 本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x

    帖子地址: 

    回复

    使用道具 举报

    分享
    推广
    火星云矿 | 预约S19Pro,享500抵1000!
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
    • 官方手机版

    • 微信公众号

    • 商务合作