文章目录
Web前端开发介绍
Web概述
Web起源
Web的特点
1.易导航和图形化界面
2.与平台无关
3.分布式结构
4.动态性
5.交互性
Web工作原理
URL介绍
URL统一资源定位器可以理解为网址。
构成如下:
协议类型://服务器地址(端口号)/路径/文件名
例子:
http://www.westos.org/bbs/index.html
HTML网页结构
HTML(Hyper Text Mark-up Language )即是超文本标记语言, 通过使用标记标签来描述页面文档结构和表现形式的一种语言,再由浏览器进行解析,然后把结果展示在网页上。
超文本指的是超链接
标记指的是标签
1).HTML文件用编辑器打开显示的是文本,可以用文 本的方式编辑.
2). HTML文件用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页,显示的网页可以从一个网页 链接跳转到另外一个网页。
HTML基本结构
HTML文档类型
目前常用的两种文档类型是xhtml 1.0和html5
HTML文档规范与注释
xhtml制定了文档的编写规范,html5可部分遵守,也可全部遵守,看开发要求。
1、所有的标签必须小写
2、所有的属性必须用双引号括起来
3、所有标签必须闭合
4、img必须要加alt属性(对图片的描述)
5、html文档代码中可以插入注释,注释是对代码的说明和解释,注释的内容不会显示在页面上,html代码中插入注释 的方法是:
<!-- 这是一段注释 -->
HTML标签
文本标签
换行标签
列表标签
div与span标签
图片标签img
<img>
标签定义 HTML 页面中的图像。有两个必需的属性:src 和 alt。
属性:
- src: 图片名及url地址
- title:文字提示属性
- alt: 图片加载失败时的提示信息
- width/height: 图片宽度/高度
超链接标签
超级链接标签
<a href=" ">...</a>
属性:
- href: 必须,指的是链接跳转地址;
- target: 表示链接的打开方式。
_blank 新窗口 ,
_self 本窗口(默认) - title:文字提示属性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<b style="color: #2b99ff; font-size: 30px">
今日头条
</b>
<br/>
<span style="font-size: 10px;color: #999999">
nwes
</span>
<hr>
<b style="font-size: 25px;">
<a href="#">
<font color="black">分栏一</font>
</a>
</b>
<ul style="color: #555555">
<li><a href="#"><font color="#778899">新闻一</font></a></li>
<li><a href="#"><font color="#778899">新闻二</font></a></li>
<li><a href="#"><font color="#778899">新闻三</font></a></li>
<li><a href="#"><font color="#778899">新闻四</font></a></li>
</ul>
<hr>
<b style="font-size: 25px">
<a href="#">