HTML入门之基本标签

    xiaoxiao2022-07-03  118

    html全称(Hypetext markup Language):超文本标注语言 超文本:网页中除文本外,包含视频,图片,音频,超链接,表格,列表等 标注也就所谓:记号,标志 标记语言:指标签结合而成的语言<>当然语言主要有:java.python.程序语言(也就是代码) HTML:编写网页的标准浏览器可以识别的语言只有Html语言 网页的基本结构:

    <html> <head></head> <body></body> </html> <head></head>:告诉浏览器,网页用什么字符集 <title></title>:中只能写纯文本 <body></body>:网页中99%内容在body中,只要放在body中,最终浏览器才能翻译出来 <body>常用属性( bgColor:网页背景色 background:网页背景图片地址 )

    ​网页扩展名:html,htm 网页编译器:Hbuilder,DW,Webstorm… Hbuilder快捷键: Ctrl+/ 快捷注释/取消注释 Ctrl+d 快速删除 Ctrl+方向键 移动代码位置 Ctrl+f 快速搜索 Ctrl+shift+f 整理代码 Alt+/ 代码提示Html中基本的标签:(有单,双两种标签)

    段落标签 <p></p>(具有行间距 常用属性:align:水平对齐方式,取值:left(左)、 center(居中)、 right(右)) 换行标签 <br/> 预定义格式化标签 <pre></pre>(就是写成什么就显示什么) 加粗标签 <b></b> 下划线 <u></u> 倾斜 <i></i> 上标 <sub></sub> 下标 <sup></sup> 水平线 <hr/> 字体标签 <font></font>(基本属性:size:文本大小,取值1-7,慢慢变大 color:颜色值。Face:字体) 超链接标签 <a></a>属性 target:设置是否重新打开一个窗口显示链接(_blank:重新打开一个窗口 _parent:当前页面打开) 图片标签 <img src="(加入图片)">水平线基本属性:size:水平线的粗细,单位一般为 px。color:水平线的颜色。 width:水平线的宽度。 noshade:去掉水平线的阴影(在 HTML 中,noshade 是没有值的属性) 格式<hr size="_" color="_" width="_" noshade="noshade"> 标题标记:<h1>……<h6> 功能:定义各种标题。 属性:align 水平对齐方式,取值:left、center、right。HTML字符实体  代表一个半角空格. <:< >:> &:& ¥:¥ ×:× ÷:÷ ;boder:表示的是表格的边框宽度

    举例:

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>不会打代码</title> </head> <body> <font color="blue">赠汪伦<sub><font color="black">-李白</font></sub></font><br> <br> <font>李白乘舟将欲行,</font><br> <font size="5" color="yellow" face="宋体">忽闻岸上跳歌声。</font><br> <font face="隶书">桃花潭水深千尺,</font><br> <font color="red"><u>不及汪伦送我情。</u></font><hr /> <font>求二元方程组a<sup>2</sup>+b<sup>2</sup>=24的解</font><br> </body> </html>

    列表:一组数据的集合 (1)有序列表 (2)无序列表 (3)自定义列表 有序列表:

    <ol> <li>....</li> <li>....</li> </ol> 在<li></li>中写入内容

    属性: type:编号类型,取值:1、a、A、i、I start:从第几个开始编号(数字) 无序列表:

    <ul> <li>....</li> <li>....</li> </ul>

    属性:type:项目符号的类型,取值:disc(小黑点)、circle(空心圆)、square(实心方块) 自定义列表:

    <dl> <dt>....</dt> <dd>....</dd> </dl>

    表格基本格式:

    <table>(属性:cellspacing:设置单元格与单元格的距离 cellpadding:设置单元格内容与单元格边框之间的距离) <tr>(表示行) <td>.....</td>(表示列) <td>.....</td> </tr> </table>

    表格的基本属性: align:设置元素的水平对齐方式 valign:垂直对齐方式 width:表示宽度 height:表示高度 bgcolor:背景颜色 rowspan:合并行 colspan:合并列​ 简单的粗略总结,如有不足还望提出来,谢谢

    最新回复(0)