前端秘法基础式(HTML)(第一卷)

目录

一.img标签

1.src属性

2.alt/title/width/height/border属性

二.a标签

1.href属性

2.target属性

三.表格/列表标签

1.表格标签

​编辑

2.列表标签

2.1无序列表

2.2有序列表

---

一.img标签

1.src属性

img标签必须搭配src来使用,src用来指定路径

注意这里的src不仅可以指定文件路径,还可以指定URL

2.alt/title/width/height/border属性

alt是用来替换图片,就是当图片加载失败后,将其替换成一段文本

title则是当鼠标移动到图片上时显示出来的一段文本

width/height则是用来调整图片的宽和高

border则是用来为图片附加边框

二.a标签

超链接标签

1.href属性

也可以跳转到当前页面,也就是不进行跳转

也可以将文本提示转换成图片

在标签中,文本格式包括图片的border颜色都是浏览器自带的demo,在实际开发中,可以用css调整.

2.target属性

通过上述操作我们不难发现,我们的超链接都是在当前页面的基础上打开的,而实际中我们大多数情况下要保留当前页面,跳转至一个新的页面,这就涉及到target属性.

默认情况性,target的值为_self即在当前页面跳转,我们可以将其修改为_blank,即创建一个新的页面

三.表格/列表标签

1.表格标签

在

标签下大致有四种子标签,承担着一个表格的不同部分

tr表示表格中的一行

td表示一个单元格

th表示表格的头部

thead表示表格的头部区域,范围比th要大

姓名	性别	年龄
张三	男	3
李四	男	4
王五	女	5

而在表格标签中同样也有着一些属性

1.align表格整体相对于周围元素的对齐方式

2.border表示边框

3.cellpadding内容距离边框的距离

4.cellspacing单元格之间的距离,默认为2

    
    
    


    
    

        

            

                
姓名
                
性别
                
年龄
            
        
        

            

                
张三
                
男
                
3
            
            

                
李四
                
男
                
4
            
            

                
王五
                
女
                
5
            
        
    

单元格的合并,列合并用rowspan,行合并用colspan

2.列表标签

2.1无序列表

标签为

• 
  
  
      
      
      
  
  
      
      
  无序列表
      
      
  
          
  内容1
          
  内容2
          
  内容3
      
  
  
  

  

  2.2有序列表