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名’。