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">

相关文章

学习编程是顺着互联网的发展潮流,是一件好事。新手如何学习...
IT行业是什么工作做什么?IT行业的工作有:产品策划类、页面...
女生学Java好就业吗?女生适合学Java编程吗?目前有不少女生...
Can’t connect to local MySQL server through socket \'/v...
oracle基本命令 一、登录操作 1.管理员登录 # 管理员登录 ...
一、背景 因为项目中需要通北京网络,所以需要连vpn,但是服...