第一次网页前端培训笔记（HTML常用标签）

1.编译器

HbuilderX

2.html大体框架

3.html基础

标题：标签<h1>~<h6>

段落：标签<p>

图像：标签<img>

链接：标签<a>

4.元素

5.属性

 

 6.标题

从<h1>~<h6>对应最大到最小，不要用标题标签改变同一行文字的大小，一个页面最好只有一个h1标签

7.段落

用<p></p>分段

8.格式化

 

b：加粗，i：斜体，u：下划线，del：中划线，sup：上标，sub：下标

font：规定字体风格face，字体尺寸size，字体颜色color（xx=“xx”）

pre：定义预格式化的文本，在此标签内写什么是什么，保留文本特性如换行空格等

9.水平线

<hr/>,且没有结束标签

常用属性：color颜色，size粗细，width长度

10.链接

默认情况下，链接将以以下形式出现在浏览器中：

• 一个未访问过的链接显示为蓝色字体并带有下划线。
• 访问过的链接显示为紫色并带有下划线。
• 点击链接时，链接显示为红色并带有下划线。

链接语法：<a href="url">链接文本</a>

常用属性

属性	值	描述
href	URL	链接要跳转的位置，可能是其他或者当前位置
target	_blank<br> _parent<br> _self<br> _top<br>	规定在何处打开链接文档。 _blank:新页面打开 _self:当前页面打开，默认值 _top:用于有frameset布局的页面，想要整个页面显示

作为锚点：a标签的那么属性值 <a  name="top">文本</a>

                 其他id属性值 <div id="top">文本</div>

                 锚点的使用 <a  href="#top">文本</a>

回到顶部 ：#（刷新页面）

11.换行标签

<br>或<br/>

12.列表，常用属性：type：{disc：实心圆；circle：空心圆；square：方块}

（1）有序列表：由ol和li标签组成（既有序号）

（2）无序列表：由ul和li标签组成

13.div标签，与css结合可替代一切标签

常用属性：align

块级元素，默认占全部宽度，有多少内容高度占多少

可以设置div的width和height   (单位px）

14.span标签：行内元素，不会自动换行，有多少内容占多少地方

15.图片

定义图像的语法是：

<img src="url" alt="some_text">

 16.表格

 

style=“border-collapse：collapse” 合并边框