HTML基础语法

最新推荐文章于 2024-10-10 09:56:47 发布

贫民窟的代言人

最新推荐文章于 2024-10-10 09:56:47 发布

阅读量293

点赞数

文章标签： servlet java mybatis

本文链接：https://blog.csdn.net/qq_44618872/article/details/126737598

版权

语法基础
   头部标签
       <head><head>

       <title></title>

       <meta />
   文本标签
       主题标签
           <body><body>
       文章标题标签
           <h1>一级标题</h1>
           <h2>二级标签</h2>
           <h3>三级标签</h3>
           <h4>四级标签</h4>
           <h5>五级标签</h5>
           <h6>六级标签</h6>
       段落标签
           <p>标签用来创建一个段落，在始标签和尾标签之间加入的文本将按照段落的格式显示在浏览器上
           可以追加属性align
       换行标签
           <br />强制换行
       水平线标签
           hr标签：水平线标签，是一个单标签
           color属性设置水平线的颜色
           width属性，设置水平线的宽度，值可以是具体的像素值，也可以是百分比
           size属性，设置水平线的尺寸（粗细）
           align属性，设置水平线对齐方式，常用值left（左对齐），center（居中对齐默认值），right（右对齐）
       字体样式标签
           
               <strong>大明湖畔，夏雨荷</strong><br />
               <b>大明湖畔，夏雨荷</b><br />
           
               <em>大明湖畔，夏雨荷</em><br />
               <i>大明湖畔，夏雨荷</i><br />
           
               X<sup>2</sup>+Y<sup>2</sup>=1<br />
               H<sub>2</sub>O<sub>2</sub>
       注释和特殊符号
           
           
               <a href="https://www.baidu.com/" target="_blank">百度一下</a><br />
           
               <a href="08图像标签.html">学习图像标签</a><br />
           
               <a href="#">空连接</a>
       锚链接
           锚点链接：锚可在单个页面内的不同位置实现跳转，有的地方被称为书签
               语法格式1：<a name="锚点名字"></a>
               语法格式2：<a href="#锚点名字">链接文字</a>，点击链接文字跳转
       功能性链接
           <a href="mailto:123456@qq.com">给我们发邮件</a>
       块元素和行元素
           行内元素，元素的宽度有内容多少来决定的，多行内元素排列在同一行，排列到页面最右边的时候才会换一行，行内元素不具备自动换行
           块级元素，元素独占一行，不管内容的多少，具备自动换行的能
   列表标签
       无序列表
           <ul>
               <li>无序列表第一项</li>
                   <li>无序列表第二项</li>
       有序列表
           自定义从多少开始排序用start:他只能用阿拉伯数字写
           type是指定用什么数字排序
           <ol>
               <li>有序列表第1项</li>
                   <li>有序列表第2项</li>
                       <li>有序列表第3项</li>
       定义列表
           <dl></dl>用来定义列表
           <dt></dt>用来创建列表中的列表项，其只能在<dl></dl>中使用
           <dd></dd>用来创建对列表项进行解析
   表格
       创建表语法格式：
           <table>
               <tr>
                   <th>表项一</th>
                       <th>表项一</th>
                       .......
                   </tr>
                   <tr>
                   </tr>
                   ...
                   ..
                   ...
               </table>


               border:设置表格线的宽度，单位为像素，n=0为默认值，表示无边框
               width：设置表格宽度
               height：设置表格高度
               cellspacing属性：设置单元格与单元格之间，单元格与表格之间的距离，一般设置为0
               cellpadding属性：设置单元格中内容与边框之间的距离
               align属性：设置表格在页面中的对齐方式，常用left（左对齐，默认对齐方式）center（居中对齐）、right（右对齐）
               tr标签行标签需要写在table中
               align属性：设置当前行里的内容对齐方式，常用之left（左对齐，默认对齐方式）、center（居中对齐）、right（右对齐）
               td标签，需要写在tr标签内
               align属性：设置当前单元格里的内容对齐方式，常用之left（左对齐，默认对齐方式）、center（居中对齐）、right（右对齐）
               -->
       表格行，列合并
           colspan:合并列,colspan="3",表示合并同行相邻的三个单元格
           rowspan：合并行，rowspan="2"，表示合并同列的两个相邻的单元格
   表单
       form标签：表单标签
           method属性：设置表单内容提交方式，常用之有get和post，其中post提交方式更加安全
           action属性：设置表单内容处理程序
       input标签：输入标签，通过type属性类设置不同的输入类型
           type属性：设置input标签的输入类型，常用值有：
               text：文本框
               password：密码框，输入不会以，明文的方式显示
               radio：单选按钮，需要通过在input标签中写name属性来实现单选效果，可以在该input标签内写cherked="cherked"属性实现默认选择
               file：文件域，可以选择电脑上的文件
               reset：重置按钮，点击该按钮，会将表恢复到初始状态
               submit：提交按钮，点击该按钮，将表单的内容提交到action属性指向的位置
               image：图像提交按钮，功能与submit类似
               checkbox复选框，可以在该input标签内写checked="checked"属性实现默认选择
               button：普通按钮，一般结合javaScript一起来使用
       select标签：下列标签，下拉内容通过option标签来设置
       option标签：设置下拉列表的选项，可以在该标签内写selscted="selscted"属性设置默认选择项目
       textarea：文本域
           cols：设置文本域的宽度
           rows：设置文本域的高度