第一次网页前端培训笔记(HTML)

1.水平线标签
                    属性
                    color 颜色
                    size 粗细
                    width 长度

2.列表
                  有序列表
                  <ol><li><li><ol>
                  无序列表
                  <ul><li><li><ul>

3.div和span
               div 标签
               块级元素
               默认占全部的宽度,有多少内容高度占多少
               可以设置高宽

<div style="width: 500px;height: 100px;align-items: center;">这是一个div</div>

               span 标签
                   行内元素(不会自动换行)

<span>这是一个span</span>

4.格式化标签 
                      font标签
                           color 字体颜色
                           size  字体大小
                           face  字体风格
                      pre
                      欲格式化标签,保留空格和换行
                      b.加粗
                      i.倾斜
                      u.下划线
                      del.中划线
                      sup.上标
                      sub.下标

<font  color="aqua" size="5" face="楷体">你好</font><br>
		<pre>
hello                world
		</pre>
		<p>
			<b>以后的</b>你一定会<u>感谢</u>现在努力的自己
		</p>
		H<sub>2</sub>O
		

5. a标签
         a标签定义超链接,用于从一张页面链接到另一张页面。
         a元素最重要的属性是href属性,他指示要链接的目标位置,同时没有href属性a标签内
         的内容与普通文本没有区别,也就失去了超链接的功能。
              常用属性
                   href  需要跳转的地址
                   target 窗口打开的方式
                      _self:当前窗口
                      —_blank:在空白标签

<a href="https://www.huya.com/">虎牙</a>

6.img标签
              向网页中嵌入一张图标
              
                 常用属性:
                 src:需要引入的图片的地址(必须属性)
                 alt:当图片破损或不存在时,显示文本的内容
                 title:当鼠标悬停在图片上时显示的文本
                 width:图片的宽度
                 height:图片的高度
                 border:图片边框

<img src="img/bd.png" width="500" height="400" border="2" title="锡尼希蓝"/>

表格
                表格标签
                table表格
                    tr    行
                    td    标准单元格
                    th     表头(字体居中、加粗效果)
                
                table的属性
                    width  表格的宽度
                    border  边框
                    align   多起方式
                    

<table width="400px" align="center" border="1" style="border-collapse: collapse;">
			
					<tr align="center"bgcolor="antiquewhite">
						<th>编号</th>
						<th>姓名</th>
						<th>年龄</th>
					</tr>
					<tr>
						<th>1</th>
						<th>杨和苏</th>
						<th>18</th>
					</tr>
					<tr>
						<th>2</th>
						<th>万妮达</th>
						<th>16</th>
					</tr>
					<tr>
						<th>3</th>
						<th>法老</th>
						<th>66</th>
					</tr>
				</table>

                第一次网页前端培训笔记(HTML)

 

上一篇:实现点击按钮复制输入框信息


下一篇:Web基础知识