html

1.什么是html?

	超文本标记语言
	超文本:
		超越普通文本:
		插入图片/音视频/超链接...
	标记语言:
		特点:
		本身不具有行为能力和逻辑能力,只能被读取
		<div>1+1</div>

2.特点

1.从上到下,依次解析,
2.大小写不敏感
3.容错性      
		<div>
			<p></p>
		</div>
			<p></p>  

3.基础语法

1.空白语法
		<div>hello     world</div>
		pre: 段落标签
			hello   world
			13px
		p:段落标签
			16px
2.字符实体
        <div>
		&实体名称;
			nbsp
			quot
			copy
			lt
			gt
			....
3.注释  
			<!--注释内容-->
		 注释的作用:
			更加便于代码的维护和管理,更具有可读性
		注释不可以嵌套使用
		<!--注释
			<!--注释内容-->
		内容-->
4.创建文件
    .html 
    .css  后缀名的文件

4.标签

1.声明标签

    <标签名称 ></标签名称>

    元素
        <div>hello</div>
    空元素 /单标签
        标签不能交叉嵌套

2.属性

    写在开始标签内部
    多对属性之间用逗号隔开
    属性名和属性值用等号连接
    属性值为非布尔类型,必须使用字符串


    属性值为布尔类型,属性值默认为ture
        readonly=“”
        readonly=‘ture’
        readonly=‘readonly’
        readonly

    共有属性 id           class         style        title
    私有属性 只能当前元素自己用
    自定义属性 flag=‘0’  不具有实际意义

3.分类

    块级元素
        独占一行空间  可以设置宽高   默认占满整个父级元素  默认高度由内容撑起
        <p></p><p></p><pre></pre>
    行内元素
        可以和其他因素共享一行空间   不能设置宽高 不能直接设置上下的内外边距


        <span></span>
        <b></b>
        <em></em>
        <img src="" alt=""><a href=""></a>

4.标签名称

    无意义标签 
        <div></div>
        <span></span>
        用于布局
    
        
    body ;默认有8px的外边距
    p   ;16px
    pre;13px
    div
    h1~h6
    列表 
        ul>li 
        ol>li   strat reversed
        dl>
            dt
            dd :li 
    span  
    a:超链接标签 
        href:url 
            http://
            锚点  锚点用id标识  #value 
            邮箱地址 malito
        target:_blank  和_new一样      _self
    strong 
        <strong></strong> 将内容交给搜索引擎  b标签只做样式修改
    b 
        <b></b>
    em 和搜索引擎相关
    i   斜体和样式相关
    u 
    del 
    img  
        <img src="" alt=""> width  height 特殊的行内元素
    sub 下标
    sup  上标
    table 
        thead 
        tboby
        tfoot 
            tr 
                th/td 
    caption 
    colgroup  
            col 一列
            span 属性 num
    from 表单 和服务器交互 
        action 
        method
        name 
        target
            
            子组件:
                input 
                        image 图片按钮
                        file  文件上传域
                        hidden 隐藏域
                        


                    type 
                    name 
                        前后台交互 
                        name="username"设置给文本框
                        username="用户输入内容"


                    value 
                        
                    readonly
                    disabled
                        
                    placeholder
                        提示用户输入 文本框中

                    size
                        文本框的长度 默认长度20px
                    maxlength
                        控制用户输入字符的个数
                    checked 
                        对于单选框或者多选框默认选中
                    select 
                        name
                        disabled
                        size
                        option 
                            value
                            disabled
                            selected
                    button 
                        type:
                            submit 
                            reset
                            button 在form表单内部会提交表单
                    textarea 
                    
                    lable
                        
                    filedset
                        多选还是单选
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值