HTML学习笔记(一)

一、结构标记

  • header 页头文档头
  • section 页面主体 文档主体
  • nav导航
  • aside边栏
  • article文章
  • footer底部
    其中 header nav footer section用的比较多主要是切分结构方便阅读。

二、标签

  • <br> 换行
  • <title> 标题
  • <nobr> 强制不换行
  • <h1>~<h6> 最多6级标题
  • <p> 这是段落大多数来做正文
  • <pre> 预格式化
  • <div> 这是分区标记
  • <b>粗体
  • <i>斜体
  • <s>删除线
  • <u>下划线
  • <strong> 强调(和粗体一样)
  • <em> 和斜体一样
  • <sub>下标
  • <sup>上标
  • <hr> 水平线分割线
  • <img> 图片
  • <a> 链接
<!-- 链接地址 target:_self本窗口 _blank 新窗口 href 链接地址 #xxx 锚点标记实现点击跳转 可以指向锚点也可以直接指向id -->
<a href="#" target="_blank"></a>
<!-- 这是一个锚点可以通过<a>跳转 -->
<a name="poem">定义锚点</a>
  • <table>
        <!-- (<tr> align 水平对齐,valign 垂直方向),(<td> align水平,valign 垂直 width 宽度 height 高度 colspan 跨列 rolspan 跨行 -->
       <table>
            <caption>这里是表的标题</caption>
            <!-- 这里是表头 -->
            <thead>
                <tr>
                    <!-- <td> 用的居多 <th>主要特点 居中对齐 文字加粗 -->
                    <th>header</th>
                </tr>
            </thead>
            <!-- 这里是表主体 -->
            <tbody>
                <tr>
                    <td>data</td>
                </tr>
            </tbody>
            <!-- 这里是表底部 -->
            <tfoot>
                <tr></tr>
            </tfoot>
        </table>
  • <ol> 有序列表 <li> type
  • <ul> 无序列表 (type:disk,circle,square)
  • <dl> 定义列表 <dt> 定义标题 <dd>定义内容
  • <form> :表单 method= get/post action 提交的路径
  • <input> 输入框 name:为input命名,提交必须定义name value: 按钮的文字/文本的初始值 size 文本框宽度 type:定义input 的功能 ,requied,disabled,readonly)
    input type = radio 单选框 必备属性name组名(一组单选框 name必须相同)value 选项值 checked 默认选中 type = checkbox 复选框
    type = reset重置 type=button 按钮 type=submit 提交表单按钮 type = file选中文件 type=hidden 隐藏的表单提交会携带
  • <select> 选择框 name option 定义菜单项 size行数 multiple 允许多选 仅适用多行菜单 selected 加在option上定义菜单默认选中
  • <fieldset> 分组 <legend>来命名
<fieldset>
  <legend>组名</legend>
</fieldset>
  • <textarea>文本域 cols 列数 ,rows行高 ,name命名
  • <label> 文本标签 能和一些标签绑定点击label相当于点击绑定的标签
 <input type="checkbox" id=selected> <label for="selected">点击选中</label>
  • <button> 普通按钮
  • <iframe> 窗口可以打开其他网页
<iframe src="text.html" width="600px" height="400px" frameborder="0" name="window" scrolling="no"></iframe>

三、特殊字符

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容