HTML5


        搜索引擎
            搜索引擎指⾃动从因特⽹搜集信息,经过⼀定整理以后,提供给⽤户进⾏查询的系统。常⻅的搜索引擎有:⾕歌、百度、搜狗、必应、360 等。
        HTML含义
            超文本标记语言
            HTML是构建页面的标记,用于承载网站的内容
            HTML的标签和纯文本按规则的组成 成为一个网页
        html、css、js三者的关系
            网页前台分为三个层次:内容层,样式层,行为层

        文件加载规则
            浏览器有专门的html解析器,浏览器是自上而下解析的。顺序加载整个页面的标签
        单标签和双标签的区别
            单标签不能包裹文字和其他标签,双标签可以包裹文字和其他标签
        内联元素和块级元素
            内联元素也叫行内元素,不自占一行,内容有多大撑多大,没有内容就什么也没有。块级元素默认(没有单独设定宽度的时候)自占父元素的一行
        基础元素
            h1~h6 标题标签
            <p></p> 段落标签
            <br>   换行标签
            <hr>   分隔符    自占一行       用于将标题和段落用一条横线分开
            <pre></pre> 预格式化标签
                保留设计者在源文件中定义的格式
            格式化文本标记
                <b></b>      定义粗体
                <i></i>    定义斜体
                <u></u>    定义下划线
                <del></del>   定义删除线
                <sup></sup>   定义上标
                <sub></sub>     定义下标
                <strong></strong>    定义着重文字,与b的效果相同
                <em></em>     定义加重语气,与i效果相同
                <mark></mark>   高亮显示文本
            按钮标签
                <button></button>
                按钮标签是特殊的行内元素,有自己的样式边框
        div标签
            <div></div>
            块级元素,自身没有任何样式,可以包裹任何标签和文本
        span标签
            <span></span>
            内联元素,自身没有任何样式,用于包裹特殊的文字和图标
        全局属性
            全局属性是所有HTML元素的属性。他们可以用于所有元素,即使属性可能对某些元素不起作用
            一个标记可以没有属性也可以有多个不同属性,属性与属性之间不分先后顺,一个属性也可以有多个属性值
            style属性
                应用于元素样式的声明,给元素指定样式,每个属性值用分号隔开
                简单介绍一些样式:
- `color: red;` 字体颜色,色值可以是英文(部分生效)
- `background-color: green; `背景颜色,色值可以是英文(部分生效)
- `font-size: 20px;`字体大小,px 是像素单位
- `text-align: center;`块级标签中的文字和图片居中显示
- `width: 100%;`设置元素的宽度,百分比单位是参照父级元素的
- `height: 100px;`设置元素的高度
            id属性
                id元素的唯一标识,不允许重复,不允许多个,不允许数字开头
            class 属性
                class类属性,代表当前元素归类,不允许数字开头语,常用于样式的设置,可以写多个类的值,中间空格分开,也可以和其他元素具有相同的类名
            data-*  自定义属性
                可以通过 JavaScript 与 HTML 之间进行专有数据的交换。如:`data-buy`
            URL
                绝对路径
                    例如:<a href="http://www.baidu.com">去百度</a> 

                相对路径
                    如 <img src="./logo.gif"/> 

                超链接
                    <a  href=""></a>`标签,定义超链接,用于从一个页面链接到另一个页面。

                空链接
                    <a href="javascript:void(0);">void(0)返回undefined不做任何处理</a>
                    <a href="javascript:;">执行一条空语句</a>

                图像
                    例:<!-- 相对路径 --> 
<img src="timg.jpg" alt="图⽚描述" width="600" /> 

                    例:<!-- 绝对路径 --> 
<img src="http://img1.imgtn.bdimg.com/it/u=154685575,3514395402&fm=26&gp=0.jpg" alt="图⽚描述" width="600" /> 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值