html入门

布满荆棘的人生 2023-06-03 09:58 14阅读 0赞

HTML基本格式

1 <html>
    2     <head></head>
    3     <body>
    4         this is my first html.
    5     </body>
    6 </html>

常用标签名称与含义

head标签中的标签：

<meta charset="utf-8"/>
    <meta http-equiv = "content-type" content="text html;charset=utf-8"/>

文本标签

标题标签：h1-h6　　文本大小依次减小，文本加黑加粗，自动换行，默认靠左显示

pre默认格式输出

属性：align ：选择位置center 居中 left 靠左 right k靠右

水平线标签：hr m默认居中显示

属性：width="宽度" 设置水平线的宽度  
　　size="高度" 设置水平线的高度  
　　color="颜色" 设置水平线的颜色

段落标签：p 将一段数据整体显示，结束自动加换行，与换行符相比间距较大

换行符：br 告诉浏览器换行位置

空格 ： &nbsp;　　空一个字节

权重标记符：

b:会将内容加黑显示  
　 i:会将内容斜体显示  
　 u:会将内容增加下划线  
　 s或del:增加中划线  
sup:下标显示  
sub:上表显示  
a:增加超链接  
　　　 strong:加粗显示  
以上标签不会自动换行,并且可以嵌套使用.

列表标签：  
　　有序列表：<ul><li>在列标签内书写，数据前默认为黑圈  
　　无序列表：<ol> <li>数据前默认为1、2、……　　type属性改变编码方式  
　　自定义表：<dl><dd><dt> dl表示表　　dt列的说明　　dd 列的数据 自定义标签自定义没有编号

图片标签：  
　　img 行内图片，不带自动换行  
　　　属性:  
　　　　　src 指定照片的路径（绝对路径或相对路径或url）  
　　　　　height 指定高度　　  
　　　　　width 指定图片宽度  
　　　　　如果单独设置高度或宽度，则默认等比例放大或缩小  
　　　　　title：给图片添加标签 ，鼠标放在图片上显示  
　　　　　alt：图片加载失败时的文字提示

超链接标签：<a>  
　　　属性  
　　　　　herf：要跳转的网络资源路径  
　　　　　target：指明网络资源要跳转的位置  
　　　　　　　\_self：在当前页刷新显示  
　　　　　　　\_blank：在当前页的标签中显示  
　　　　　　　\_top：在顶层页面显示  
　　　　　　　\_parent：在父级页面中显示

锚点学习  
　　　　在文章指定位置添加锚点，格式为：<a name="锚点名字">文本内容</a>  
　　　　在文章需要设置跳转的地方添加，格式为：<a herf="锚点名字">要点击的链接名</a>  
　　　　一键回到顶部：格式为：<a herf="\#">要点击的链接名</a>　　重新加载这个网页

表格标签：table标签代表一个表格  
　　　　tr标签代表一行  
　　　　td或th标签代表一列，tr和td唯一确定一个表格(th用来设计表格标题加黑加粗显示)  
　　　　tr为td的父标签  
　　属性值：  
　　border给表格设置边框  
　　width宽度  
　　height高度  
　　作为table标签时，设置表格的属性，作为tr属性时，设置一行的属性，作为td或th属性时为设置表格的高度或宽度  
　　在使用时，height一般作为tr的属性，width一般只设置第一行表格的属性值，在table中设置时，设置的是表格大小，单个表格大小自动变化，  
　　colspan水平合并指定数量的单元格  
　　rowspan垂直合并指定数量的单元格  
　　被合并的单元格只写第一个

转载于:https://www.cnblogs.com/haoyujun135/p/11587942.html