第一次网页前端培训笔记

1.编译器

HBlider

2.HTML

HTML的全称为超文本语言 (可以包括非文字元素如:图片、音乐、链接等)

是一种标记语言

它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的网络资源连接为一个逻辑整体。

3.1标签

(1)单标签

没有属性的单标签如<br/>换行

有属性的单标签如<hr/>横线可以设置横线的宽度和长度

(2)双标签

没有属性的如<title>…<title>(页面的名字)

有属性的如<body>…<body>

<head>里面放引用的东西

<body>里面放需要在网页看到的东西

link:用来引入css文件

script:用来引入js文件或编写js代码

4.常用标签

4.1标题

h1-h6字体大小依次递减尽量减少使用h1标因为搜索引擎会自动捕获它数量多的话可能搜不到结果。

用法

<h1>标题<h1>

4.2段落标签

也称为p标签会自动换行

用法

<p>段落<p>

4.3换行标签

<br>或<br/>

4.4水平线标签

<hr>

常用属性

color颜色

size粗细

width长度(百分比)

align靠左靠右

用法

<hr color=" red" width="50">

4.5列表

有序列表<ol><li></li></ol>点或者别的形状

无序列表<ul><li></li></ul>有序号1.2.3.4.…

4.6div

块级元素

默认占全部的宽度有多少内容占多少宽度可以设置宽度width和高度 height

用法

<div style=" width:100px;height=100px;align=center">这是一个</div>

4.7span

行内元素不会自动换行无法设置宽高,有多少内容就占多少空间

<span>这是一个</span>

4.7格式化标签

font

规定文本的字体face、字体尺寸size、颜色color

<font color="red">

pre

定义预格式化的文本,保留文本原本的格式,里面留的空格,换行都可以原封不动的呈现&

文本标签

b粗文本 i斜体文本 u下划线文本

del中划线文本 sub下标文本 sup上标文本

&空格符

5.1a标签

定义超链接用于链接到一个新的页面

常用属性

href需要跳转到的地址必须属性就算什么也不写也要加,可以让超链接文本与普通文本不同。

targey窗口打开的方式

  self当前窗口一般都是这个

   blank在空白窗口

作为锚点

name属性值

<a.name="top"></a>

其它id属性值

<p.id="top"></p>

锚点的使用

<a.herf="#top"></a>

5.2图片

img向网页中嵌入一个图片

常用属性

src需要引入图片的地址 必须属性

alt当图片破损或不存在时展示的文字

title鼠标悬停在图片上时显示的文字

width图片的宽度

height高度

border边框

5.3表格

table表格

tr行 td标准单元格 th表头 字体居中加粗效果

属性

width宽度.     border 边框  align多起方式

tr属性

align.  color.  

 

 

 

 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值