1.HTML基础标签图片常见代码形式<img src="图片路径地址" alt="属性名" title="占位符">常见的图片格式为以下三种:.jpg(图片有损压缩,影响画质)、.png(图片无损压缩、容积大、具有透明通道)、.gif(动图)。图片路径地址分为本地图片和网络图片,本地图片中分为绝对路径(从盘符开始算起)和相对路径(从当前路径算起),相对路径属于平级关系,如果图片相对于上一级,表现形式为"../"在<img src="图片路径地址" alt="属性名" title="占位符">中,alt="属性名"是当图片无法正常展示出来时显示的文字,title="占位符"是鼠标移动到图片上展示出来的提醒文字。
2.HTML基础标签文本分为这个段落<p></p>标题h1-h6,文本随标签数字的增大而减小,标题的展示代码如下:
1 <!DOCTYPE html> 2 <html lang="en" 3 head 4 meta charset="UTF-8" 5 name="viewport" content="width=device-width,initial-scale=1.0" 6 title>HTML基础标签文本</ 7 8 body 9 h1>标题110 h2>标题211 h3>标题312 h4>标题413 h5>标题514 h6>标题6> 15 16 html>
在这里不得不说的是浏览器的机制:针对空格、回车、table键,只要在字符之间(何谓字符,类似<p>我是字符</p>就是在这个标签之间的文字),浏览器就会强制的转换为一个空格;如果没有在字符之间,则会直接清空,当然我们在编辑器中的排列添加的空格是为了排版的需要!如果想要排版展示的文字和在浏览器窗口展示的一样,我们应该怎么办?常见代码如下:
9 换行brhr>下划线 11 空格 <!--字符实体--> 12 文本格式化标签: strong>文本加粗em>斜体15 del>删除线17 >
> >Document><a ="br">1a2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 href="#br">68点击跳转到169 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 >
<a name="br">1</a> <a href="#br">68点击跳转1</a>或者也可以这样写:<a id="br">1</a><a href="#br">68点击跳转1</a>,除此之外,默认的<a href="#">点击返回顶部</a>
1 2 3 4 5 6 7 8 9 id 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 >68 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 >
4.html基础标签列表分为无序列表,有序列表,自定义列表,字面意思理解就是有无顺序的区别,代码展示形式如下:
>html基础标签列表 无线列表type="circle"定义列表前展示的样式,现在基本用的是style="list-style: ;"ul type="circle"11 li12 >213 >314 >4ul16 有序列表 17 ol style="list-style: square;"18 19 20 21 22 ol23 自定义列表 24 dl25 dt26 dd>文本27 28 29 30 >
5.html基础标签表格<table>包含若干行<tr>,行里面包含若干个单元格,单元格的标题是<th>内容为<td>,在表格中最重要的2个是合并行或者列,而colspan=""代表的是单元格可横跨列数rowspan=""代表的是可横跨行数,展示代码:
>html基础标签table border="1"边框为1px10 caption>colspan列数 rowspan行数表格头部标题tr12 th rowspan="4">部门th13 >姓名14 >性别15 >工资16 17 18 td>小明19 >男20 >1W22 23 >小林24 25 26 28 >小影29 >女30 31 32 33 td colspan="3">工资合计34 >3W35 36 table37 38 >
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。