第一次前端培训笔记(HTML)

学习点这:  本节学习网址

P1笔记

1.HTML——超文本标记语言(以.htm或.html为文件后缀保存)。

2.使用的编译工具——HBuilder

3.HTLM标签分为单标签(无属性的和有属性的)和双标签(无属性和有属性的,大部分是有属性的)。

4.HTLM网页文件包含3个部分:标记头区<HEAD>........</HEAD>,内容区<BODY>...........</BODY>和网页区<HTLM>.......</HTLM>。

5.

P2笔记

1.标题标签    h1~h6 依次递减  尽量少用h1标签   (会自动换行——此标签为块状元素)(默认加粗)

2.段落标签        p (会自动换行——此标签为块状元素)(块状元素的特点就是会自动换行)

3.换行标签        br 单标签

4.水平线标签    hr 单标签    常用属性 —— color(颜色),size(粗细),width(长度 —百分比或px),align(位置——靠左还是靠右,一般不设置的话默认水平居中)

5.列表分为无序列表和有序列表,无序列表 使用ul  li (点的类型可以设置),有序列表使用 ol li(序号的类型也可以设置)

6.div标签    块级元素会自动换行   默认占所有的宽度,有多少内容占多少高度  可以设置width(宽度)height(高度)align(设置内容的对齐方式或者说是内容的位置,默认是左对齐)

7.span标签  不会自动换行,有多少内容占多少地方

8.格式化标签  font标签 常用属性——color(颜色),size(大小),face(字体风格)

                       pre标签 —预格式化标签,保留空格和换行 

                       b或strong—加粗  i—倾斜  u—下划线  del—中划线  sub—下标  sup—上标

P3笔记

1.a标签  超链接标签,用于连接到一个新的URL

              常用属性——href(必须属性):需要跳转的地址  target:窗口打开的方式(默认在当前窗口),是选择在当前页面打开,还是另开一个页面(常用的有_self:当前窗口 , _blank:在空白窗口)

2.a标签  作为锚点    <a href="#">  </a>   #代表刷新页面(回到顶部的最简单方式)

锚点的使用  a标签用name属性,其他标签用id属性

3.图片  img标签 单标签 向网页中嵌入一张图片 

             常用属性:src:需要引入图片的地址(必须属性)alt:当前图片破损或不存在时,显示文本的内容   title:当鼠标悬停在图片上时所显示的文本  width:图片的宽度 height :图片的高度 border:图片边框

4.表格  表格标签(4个) table表格   tr行   td标准单元格   th表头(字体居中,加粗效果)

            table属性:width:表格的宽度  border:边框  align:表格的对齐方式  style = "border-collapse:collapse;":表格边框合并

           tr属性:align:行的内容的对齐方式  bgcolor:行的背景颜色

        

                      

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值