2018-01-04

2018-01-05  本文已影响0人  来看代码

Web学习笔记--从最基础的开始

一、web前端开发语言: HTML、 CSS 、JavaScript 

    HTML:是一种用来描述网页的超文本标记语言,网页的骨架。

    CSS:css层叠样式表,用来修饰、美化网页。

    JavaScript:脚本语言,网页的大脑,让网页中的元素运动起来。

二、HTML标签

    HTML指的是超文本标记语言,标记语言是一套标记标签。

    HTML标记标签通常被称为HTML标签(HTML Tag)

    HTML标签是由尖括号包围的关键词,比如<html>

    HTML标签通常是成对出现的,比如:<b> 和 </b>

    标签对中的第一个标签是开始标签,第二个表圈是结束标签,开始和结束标签也被称为开放标签和闭合标签。

三、常用的标签

    行标签:<span></span>        段落标签:<p></p>            标题标签:<h1>......<h6>

    下标:<sub></sub>                上标:<sup></sup>            换行标签:<br />

    斜体:<i></i>                           加粗:<b></b>                    斜体(强调):<em></em>

    加粗(强调):<strong></strong>        

    有序列表:<ol></ol>        无序列表:<ul></ul>    列表项:<li></li>                    

自定义列表:<dl></dl>            列表标题:<dt></dt>        列表项:<dd></dt>

四、常用标签写法及使用

    1、    img图片标签

写法:<img src="图片路径" /> 

img属性:

                src=‘路径’

                width    图片宽度

                height    图片高度

                alt          图片的替代文本

                title        标题,给用户提示信息(有利于用户体验)

    2、路径

    路径分为两种:

                            相对路径:相对于当前文档位置去寻找文件

                            绝对路径:绝对路径名称不能出现中文

                                            本地绝对路径:从盘符出发 D:\a\b\c\d.jpg

                                            网络绝对路径:从域名出发:                        

                                                                https://www.baidu.com/img/bd_logo1.png

3、a标签

写法:<a href="url"></a>

作用:超链接、锚点、文件下载

    超链接:链接网页, href=‘url’ 中url是一个网页地址

            target    链接打开方式

                    _blank:新窗口(空白页面)

                    _self:当前窗口

                    <a href='url' target='_blank' />    定义默认网页打开方式

    下载 :href=‘url’ 中 url是一个文件的话  就会下载。

    锚点: href=‘#ID名’。

上一篇 下一篇

猜你喜欢

热点阅读