本文是前端入门系列的第一篇，主要讲解HTML的基本结构和常用的HTML标签，以及CSS的基础知识，包括CSS的选择器、常用样式和与HTML的结合方式。内容覆盖了B/S软件架构、HTML的内容、结构和行为三要素，以及CSS在页面表现形式中的作用。
开始学前端啦，加油
1.b/s 软件架构
客户端————服务器端
客户端： 浏览器
服务器端： web服务器
页面由： 内容（表现），结构，行为 三部分组成
内容：是我们在页面上看到的数据 一般用html技术展示
表现：在内容在页面上的展示形式。 比如说：布局，颜色，大小等等， CSS 技术实现
行为： 页面元素与输入设备交互响应 用js实现
HTML：
<html> ··表示整个html页面的开始
<head> ··头信息
<tittle>标题</tittle> 标题
</head>
<body> 主题信息
</body>
</html> 整个HTML页面的结束
标签介绍：
1.格式：
<标签名>封装的数据</标签名>
2.标签名没有敏感的大小写
3.标签自己的属性：
i：基本属性： bgcolor =“red”；
ii：事件属性：οnclick= alert（”你好“）；
4.标签名分成单标签名和双标签名：
i：单标签格式 <标签名/>
ii：双： <标签名></标签名>
常用标签
<iv> </div> 文本标签
<br/> 换行标签
特殊字符：
标题标签
<h1> </h1> ~<h6> <h6>
超链接标签
<a href=“xxxx” target="_self/_blank"> <\a>
其中： href=“xxx” 连接的地址
target=”_self“/"_blank" 跳转至本身/空白页
列表标签
<ul type="none"> <!--ul 是无序列表 ,ol是有序列表-->
<li>aa</li>
<li>bb</li>
<li>cc</li>
</ul>
ul 是无序列表
type 属性可以修改列表项前面的符号
li 是列表
img标签
img 标签是图片标签,用来显示图片
src 属性可以设置图片的路径
width 属性设置图片的宽度
height 属性设置图片的高度
border 属性设置图片边框大小
alt 属性设置当指定路径找不到图片时,用来代替显示的文本内容在
JavaSE 中路径也分为相对路径和绝对路径. 相对路径:从工程名开始算
绝对路径:盘符:/目录/文件名
在 web 中路径分为相对路径和绝对路径两种
相对路径:
. 表示当前文件所在的目录
… 表示当前文件所在的上一级目录
文件名 表示当前文件所在目录的文件,相当于 ./文件名 /可以省略
绝对路径:
正确格式是: http://ip:port/工程名/资源路径
错误格式是:盘符:/目录/文件名
表格标签
<table align="center" border="1" width="300" weight="300" cellspacing="0">
<tr>
<th>q</th>
<th>w</th>
</tr>
</table>
table: 表格标签
border：设置表格
width 宽度
height 高度
align 设置相对页面对齐方式： left center right
cellspacing： 设置单元格间距
tr 行标签
th 表头标签
td 该单元格标签
align：设置该单元格对齐方式
b 加粗标签
单元格的跨行/跨列：
colspan: 设置属性跨列
rowspan：设置属性跨行
iframe标签
iframe可以在html页面上打开一个小窗口，去加载一个单独的页面
<body>
<br></br>
<iframe 
最低0.47元/天 解锁文章
扫一扫
1242
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
