HTML笔记

html最根本的作用,不是处理文字信息,而是做页面的框架,相当于楼的钢筋标签:
<div>设置宽高以后,英文根据文字分隔符 空格 来区分单词,很多个空格也只展示1个,所以当很多个字母在一块并且长度大于div的宽度的时候会溢出,不会换行,
而中文是可以换行的
<br> 换行,无须闭合,无须包裹内容,叫单标签
有序列表:
    <ol><!--order list的缩写-->    
        <li></li>
    </ol>
    正常是按照1.   2.    3. 的顺序 ,在ol里加上type属性以后,可以控制li前面的标号
    type内容为5种 ,1,默认,a ,A,i,I,a的话超过24个以后就从aa再到az,再多就再加,A同理
    start属性控制从几开始排序,填阿拉伯数字即可,按a排序从c开始也填3就可以,不用填c
    reversed属性控制倒序,reversed = "reversed"即可,就可以倒叙
无序列表:
    <ul><!--unorder list的缩写-->    
        <li></li><!--list item的缩写-->
    </ul>
    ul 的属性:
    type 取值有square 是实心正方形,默认是disc,是黑点,circle是空心圆,基本不用
    ul一般只是做结构化,而不是要前面的点,像是大的功能项里面包含相同样式的子项,一般就用<ul>和<li>来做,例如导航栏,菜单等
图片标签:
    <img src = "" alt = "">
    src是地址,可以选择填写网址,相对路径或者绝对路径
    相对路径是指,当html页面和图片在同一个路径下面时,可以使用相对路径的写法,只写图片名称
    当html页面和图片不在一个文件夹下,需要使用绝对路径,即D:a/b/c.jpg的写法
    alt是图片占位符,可以填任意字符,当图片展示不出来时展示alt里的文字
form表单
    <form method = "" action = "">
    </form>
    method的值有get和post,get会把值拼到url后面,post不会
    action写调用的方法的名字
<input type = "" value = "" name = "">
    type 的值有:text,password,submit,radio,checkbox
        text文本
        password隐藏输入的文本
        submit提交
        radio是单选框,通过相同的name控制选项内单选,不同的value来做各选项的区分 checked = "checked"可以将某个选项设置为默认选项
        checkbox是复选框,同样是相同的name不同的value控制,复选的默认同上
    value 展示的值
    name 是这个输入值的名字
<a href = "" target = ""></a>
    a:anchor 锚点的意思
    href:hyperText reference 超文本引用,就是引用的网址的地址
    target = "_blank" 在新的页面打开链接
    a标签作用:
        1.超级链接
            链接到网址
        2.锚点
            快速找到某个div的位置,像回到顶部,小说的目录等功能
        3.发邮件,打电话
            发邮件是调用系统的邮件系统
            打电话是调用打电话的系统
        4.协议限定符
            在href里面写javascript代码,javascript:while(true){alert('')}
<table border = "">
    <tr align = "">
        <td colspan = "">
        </td>
    </tr>
</table>
    现在基本不用了,因为table要全部加载完之后统一显示,很慢
    align = "center" 居中
    colspan = "2" 将两个td合并
    border = "1" 边框1px
下拉菜单:
<select name = "">
    <option value = "lalala">lalala</option>
    <option value = "abc">abc</option>
    <option value = "bilibala">bilibala</option>
</select>    

html编码:
    &nbsp; 空格 带分号,否则连续的空格也只是当作1个处理
    &lt;  小于号
    &gt; 大于号

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值