HTML从小白的详细笔记

                                                   **HTML笔记**
  1. html标签表示html的开始,lang="zh_CN"表示中文,html标签中一般分为两部分:head和body
  2. 表示头部信息,一般包含三部分,title标签,css样式,js代码。
  3. ·HTML标签是由尖括号包围的关键词,比如<html>
    ·HTML标签通常是成对出现的,比如<b>和</b>
    ·标签对中的第一个标签是开始标签,第二个标签是结束标签
    ·开始和结束标签也被称为开放标签闭合标签.
    4. <meta charset="UTF-5">表示当前页面使用UTF-8字符集;
    5. <title></title>表示网页的标题;
    6. bgcolor(background-color):是背景颜色属性;onclick表示单机(点击)事件;alert()是Javascript语言提供的一个警告框函数,它可以接受任何参数,参数是警告框的函数信息;button:意思就是按钮
    例如:<button onclick="alert(‘···’)">按钮</button>
    7. <br/>换行;<hr/>分割线font标签是字体标签,它可以用来修改文本的字体,颜色、大小
    8. color属性修改颜色;face属性修改字体;size属性修改文本大小; 例如:<font color="red" face="宋体" size="7">我是字体的标签</font>;
    9. align(tixt-align)属性是对齐属性:left左对齐(默认);center居中;right右对齐;top顶部;
    10. a标签是超链接;href属性设置;;链接的地址;target属性设置哪个目标进行跳转;_self表示当前页面(默认值);_blank表示打开新页面来进行跳转;例如:<a href="链接对象的路径">链接描点对象</a>
    11. 绝对路径和相对路径:
    在这里插入图片描述12. ·<img>图像标签:是空标签(只包含属性,并且没有闭合标签)
    ·<src>:指的是图像的地址;
    ·alt:指的是在图像没有显示出来时出现的文字;也可加入title标签;
    ·height:高度;width:宽度;
    ·background:表示的是背景图片。例如:<body background=”//.jpg”>;
    13.<h1>-<h6>逐渐递减;<h1>最大;<h6>最小;
    在这里插入图片描述
    14 ·Style属性用于改变HTML元素的样式。
    ·font-family表示字体类型;font-size表示字体大小;
    ·<s>和<strlke>定义为删除线文本;<u>定义下划线文本
    ·align定义文本的对齐方式
    ·color定义文本的颜色。
    ·<ul></ul>无序列表:并列关系,不分前后。Ul>li;type:可以改变无序列表前面的表现符号属性值:disc实心圆点(默认!)/circle空心圆/square小方块。
    ·<ol></ol>有序列表:强调前后顺序ol>li;
    type:可以改变有序列表前面的表现符号;
    属性值:1/一/a/A/···
    15 、文本格式:
    ·<hgroup>表示用来为标题分组,可以将一组相关的标题同时放入到hgroup中<h1></h1></hgroup>
    ·p标签表示首页中的一个锻炼也表示一个块元素;
    16、<em></em>标签用于表示语调的一个加重。也不会独占一行元素称为行内元素
    17、<strong></strong>表示强调,重要内容;
    18、<blockqute></blockqute>写文章时候使用,首行缩进二个字符;
    19、<b>定义粗字体;<i></i>标签显示斜体文本效果
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    20、<link rel=”stylesheet” href=”//.css”>在HTML中引用css样式文本;
    <link>标签链接的是一个外部样式表;
    样式分为:外部样式表、内部样式表、内联样式表;
    在这里插入图片描述
    在这里插入图片描述
    21、表格:
    (1)表格由<table></table>标签来定义。每个表格均有若干个(由<tr>标签定义),每行被分割为若干个单元格(由<td>标签来定义)。数据单元格的内容,数据单元格可以包括文本、列表、段落、表单、水平线、表格等。border表示边境。
    在这里插入图片描述
    第一行第一列;第一行第二列;
    第二行第一列;第二行第二列;
    (2)表格的表头一般会用<th>标签进行定义;而且大多数浏览器把表头显示粗体居中的文本;&nbsp;空格占位符<td>&nbsp;</td>去掉border=”1”表格就没有边框。
    在这里插入图片描述
    在这里插入图片描述
    (3)带有标题的的表格<caption></caption>
    (4)横跨两行两列的单元格:colspan:表示合并单元格。例如:
    在这里插入图片描述
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值