Html标记

一、Html文本标记

        文本对齐align

 align中可以放 left左对齐内容、right右对齐内容、center居中对齐内容、justify对行进行伸展,这样每行都可以有相等的长度(就像在报纸和杂志中)。如下:

1231324165465

1          2          3

7    8     9    5   4

二、页面内部跳转一键回到顶部

         1.设置<a id="top">    id 可以写在任何标签里 <img id ="top">

         2.<a herf="#top">  回到锚点时必须加#才可以被识别

三、表格

        在<td>中合并单元格,列合并:colspan="2"  和行合并: rowspan="2"在一起时会合成大的单元格。

        <caption>表标题</caption>跟随表格在表格上方

        <th>表头</th>自动居中加粗,其他和<td>一样。

四、表单

input中属性

maxlength 数字 限制输入长度
value 认值
placeholder 字符串

提示内容,在文本框中显示的字

readonly readonly 只读
name 字符串 地址栏中显示
checked 字符 认选中

input按钮

radio type=“radio 单选框
checkBox type="checkBox" 多选框
date type="date" 日期选择
file type="file" 文件上传
button type="button" 自定义按钮

        select下拉框

    <select name="select" >
        <option value="1" >下拉选项1</option>
        <option value="2">下拉选项2</option>
        <option value="3" selected>下拉选项3</option>
    </select>

        选项框用option做选项 selected为认选项

         label 元素内点击文本,就会触发此控件,通过id绑定。不添加时只有点击按钮才会有反应。

  <input type="radio" name="xingbie" value="men" id="r1">
  <label for="r1"> 男</label>

五、引入css样式表

1.内部样式

<style>
    h2{
       color: brown;
    }
</style>

2.外部样式

<link rel="stylesheet" href="my.css">

相关文章

显卡天梯图2024最新版,显卡是电脑进行图形处理的重要设备,...
初始化电脑时出现问题怎么办,可以使用win系统的安装介质,连...
todesk远程开机怎么设置,两台电脑要在同一局域网内,然后需...
油猴谷歌插件怎么安装,可以通过谷歌应用商店进行安装,需要...
虚拟内存这个名词想必很多人都听说过,我们在使用电脑的时候...