html笔记

    xiaoxiao2021-12-14  17

    Html介绍 1.什么是html? Html是用来描述网页的一种语言。 1.1 HTML指的是超文本标记语言 (Hyper Text Markup Language) 1.2 HTML不是一种编程语言,而是一种标记语言 (markup language) 1.3 标记语言是一套标记标签 (markup tag) 1.4 HTML 使用标记标签来描述网页 2.Html的作用 Web浏览器的作用是读取html文档,并以网页的形式显示它们。浏览器不会显示html标签,而是使用标签来解释页面上的内容。简单说,html就是用于展示信息的。 3.Html书写规范 a)Html标签 HTML 标记标签通常被称为 HTML标签 (HTML tag)。 ①HTML标签是由尖括号包围的关键词,比如 <html> ②HTML标签通常是成对出现的,比如 <b>和 </b> ③标签对中的第一个标签是开始标签,第二个标签是结束标签 ④绝大多数的标签都具有属性,建议属性值使用引号引起。例如:<body text=”red”> ⑤ 大多数标签是可以嵌套的 b)Html创建 Html文件可以直接使用文本编辑器来创建,保存时,后缀名为html或htm; 整个文件是在<html>与</html>标签之间在<html>标签间有<head>与<body>子标签。 c)空的html标签 ①没有内容的 HTML元素被称为空元素。空元素是在开始标签中关闭的。 ② <br>就是没有关闭标签的空元素(<br>标签定义换行)。 ③在开始标签中添加斜杠,比如 <br/>,是关闭空元素的正确方法,HTML、XHTML和 XML 都接受这种方式。 即使 <br>在所有浏览器中都是有效的,但使用<br />其实是更长远的保障。 d)Html大小写不敏感 HTML 标签对大小写不敏感:<P>等同于<p>。许多网站都使用大写的 HTML标签。 W3School使用的是小写标签,因为万维网联盟(W3C)在HTML4中推荐使用小写,而在未来(X)HTML版本中强制使用小写 文件标签

    1.html标签

    整个文件都处于<html>标签中。<HTML>用以声明这是 HTML 文件,让浏览器认出并正确处理此 HTML 文件。在HTML文件有两部分<head>与<body> 2.head标签 <head>用于加载一些重要的资讯,它的内容不会被显示,只有<body>的内容才会被显示   3.title标签 <title>只能出现于<head>中。 它代表的是标题 4.body标签 <body>中的内容会被显示。 常用属性: text:用于设定文字颜色 background:用于设定背景图片 bgcolor:用于设定背景色 5.关于html中颜色取值 颜色由红色、绿色、蓝色混合而成 有三种取取值方式:        1.rgb(0,0,0) 值是在0-255之间        2.#000000  #ff0000  #00ff00 #0000ff  #ffffff        3.red  green blue      排版标签 1.注释 在html中注释是<!--注释 --> 2.p标签 <p>标签是段落标签,可以将html文档分割为若干段落。浏览器会自动在段落前后添加空格。 <p>标签常用属性     align:用于设定对齐方式 可选值 left right center 默认值是left. 3.br标签 <br>标签是换行标签。 因为浏览器会自动的忽略空白与换行,因此<br>标签成为了我们最常用的标签。 4.hr标签 <hr>标签会生成一条水平线。 常用属性: align:设置水平线对齐方式 可选值 left right center size:设置水平线厚度 以像素为单位。默认为2 width:设置水平线长度.可以是绝对值或相对值。默认为100% color:设置水平线颜色.默认为黑色 5.关于html中数值单位 Html的数值默认单位为像素(px). 在有些位置可以使用百分比来设置。 例如: <hr size=’3’>这个就代表水平线厚席为3px. <hr width=’30%’>这个就代表水平线长度为总长度的30%. 块标签 1.div标签 用于在文档中设定一个块区域。 常用属性: align:left center right 2.span标签 用于在行内设定一个块区域。 Html中绝大多数元素被定义为块级元素或内联元素。 块级元素在浏览器显示时,通常会以新行来开始。例如 div p等 内联元素在浏览器显示时,通常不会以新行来开始。span 字体标签 1.font <font>标签用于规定文本的字体,大小,颜色。 常用属性: face:规定文本的字体 size:规定文本的大小 color:规定文本的颜色 2.h1-h6 <h1>-<h6>标签用于定义标题. <h1>最大标题 <h6>最小标题 列表标签 1.ul <ul>标签表示的是一个无序列表。 常用属性: type:规定列表的项目符号类型,可取值 disc,square,circle.默认值为disc 2.li <li>标签表示的是一个列表项 常用属性: type:这个属性只适用于无序列表,用于设定项目符号,默认值为disc value:这个属性只适用于有序列表,用于设定列表的项目数字 3.ol <ol>表示的是一个有序列表。 常用属性: type:这个属性规定列表中使用的标记类型。可取值1 A a i. start:这个属性规定列表的起始值 图形标签 1.img <img>是一个图片标签,用于在页面上引入图片. 常用属性: src:用于设定要引入的图片的url alt:用于设定图像的替代文字 width:用于设定图片的宽度 height:用于设定图片的高度 border:图片边框厚度 align:用于设定图片的文字的对齐方式 链接标签 1.a <a>标签用于定义超连接,用于从一个页面链接到另一个页面。 常用属性: href:用于设定链接指向页面的url. target:用于设定在何处打开链接页面。 表格标签 1.table <table>标签用于定义表格 常用属性: align:用于设定表格的对齐方式 bgcolor:用于设定表格的背景颜色。 border:用于设定表格边框的宽度 width:用于规定表格的宽度。 2.tr <tr>标签用于定义表格的行,包含一个或多个th或td元素。 <tr>常用属性: align:用于设定表格中行的内容对齐方式。 bgcolor:用于设定表格中行的背景颜色。 3.td <td>标签用于定义表格单元 td元素中的文本一般显示为正常字体且左对齐。 <td>常用属性: align:用于设定单元格内容的对齐方式。 bgcolor:用于设定单元格背景颜色。 height:用于设定单元格的高度。 width:用于设定单元格的宽度。 colspan:用于设定列合并 rowspan:用于设定行合并。 4.caption <caption>用于定义表格标题 <caption>标签必须紧随<table>标签之后,一个表格只能有一个标题。通常这个标题会被居中于表格之上。 5.th <th>标签用于定义表格的表头,<th>内部的文本通常呈现为居中加粗文本。 Html表格中有两种类型的单元格。 表头单元格th:包含表头信息。 标准单元格td:包含数据。 6.thead <thead>标签用于定义表格的页眉 <thead>标签用于组合HTML表格的表头内容。 <thead>元素应该与<tbody>和<tfoot>元素结合起来使用。 注意:<thead>内部必须有<tr>标签。 7.tbody <tbody>标签用于定义表格的主体 <tbody>标签用于组合HTML表格的主体内容。 8.tfoot <tfoot>标签用于定义表格的页脚 <tfoot>标签用于组合HTML表格中的表注内容.
    转载请注明原文地址: https://ju.6miu.com/read-970499.html

    最新回复(0)