HTML学习笔记 — 标签

标题

h1 - h6

段落 p

自动换行

段内换行

    <p>第一行。<br />换了一行</p>

连续空格

    <p>这&nbsp;&nbsp;&nbsp;是一堆空格

预留格式

    <pre>
    for int i = 1 to 10
        print i
    next i
    </pre>

行内组合

span标签，行内特殊表达的字符

水平分割线

<hr />

a 超链接标签

链接到内部，外部，默认链接

<a href="#">11</a>

四种状态

link 默认
visited 访问过
hover 鼠标悬停
active 被点下去

img 图片标签

img的width和height一般由其父div决定了。
如果图片并不完全匹配，可以单独对这个img进行widht100%height100%
所以img的src素材原则上应该和所定义的盒子的尺寸一模一样
jpg png gif
alt属性代表替换文本
用p标签嵌套img可以实现换行
注意img的父节点要设置font-size

    #imglist{
        text-align:center;//文字及图片水平居中
        font-size:0;/* 否则图件有空隙 */
    }
    #imglist img{
        width：100px;
        height:100px;
        margin-left:5px;
        border:1px solid #0cf;
        padding:5px
    }

注释标签

    <sup>1</sup>

列表

ul ol li

    <ul>
        <li>1</li>
        <li>1</li>
        <li>1</li>
    </ul>

表格标签

先看有几行，就建多少个tr标签
再在每个tr里面有几列，建几个td标签
table>tr2>td3
表头标签 th，这个是用来替换td的不是tr

表单元素

form action = “”

input 输入

type="" 类型 value = “” 输入的值

text 明文带name
password 密文带name
submit 按钮提交form囊括的所有数据 value表示按钮显示的文字
reset 按钮重置所有输入 value表示按钮显示的文字
radio 单选项
单选的标签组都必须用同一个name属性的值

    <form>
        <input type="radio" value="值1" name="名称1" checked = "checked">//默认选中
        <input type="radio" value="值2" name="名称1">
    </form>

checkbox 复选框

type=“checkbox” checked = “checked”

name可以是不同的

select 下拉列表框

    <select>
        <option>选项1</option>
        <option selected="selected">选项2</option>
    </select>

textarea 文本框

    <textarea rows="行数" cols="列数">文本</option>

强调

em 斜体强调不要用i标签
strong 粗体重点强调不要用b标签

自定义列表

    <dl>
        <dt>HTML</dt>
        <dd>超文本标记语言</dd>
        <dt>CSS</dt>
        <dd>层叠样式表</dd>
    </dl>

来源：CSDN

作者：阳仔的蘑菇头

链接：https://blog.csdn.net/u010941527/article/details/104594102

标签

html语言