前端---基础篇

一、使用VS code 软件 新建一个html文件

使用快捷键 ！+ tab 快速形成html格式

二、在body里写页面主体

三、简单标签

1、竖着布局标签 div

 
你好
 
你好
 
你好

2、文本标签 span （横着布局，不会换行)

你好
你好

3、标题标签 h1

你好
你好
你好
你好
你好
你好

4、段落标签 p

你好
你好
你好

5、超链接标签 a

href ="设置资源路径"

target = "设置资源打开窗口的方式" _self 在自己窗口打开（默认） _blank在新窗口打开

百度链接

点击会跳转到百度页面，注意链接要书写完整，不完整会显示网页找不到

6、锚点标签 a (相当于书签一样)

第一章  //定义锚点
hello
hello
hello
hello
hello
hello
hello
第二章
hello
hello
hello
hello
hello
hello
hello
hello
hello
hello
hello
hello
跳转到第一章
跳转到第二章

7、列表标签 table

（1）无序列表 ul (unorderlist)

        
列表第一项
        
列表第二项
        
列表第三项

（2）有序列表 ol (orderlist)

 

        
列表第一项
        
列表第二项
        
列表第三项

type ="设置顺序号的类型，A / a"

start="从哪个开始排序"

        
列表第一项
        
列表第二项
        
列表第三项
    
    
  //从b开始排序
        
列表第一项
        
列表第二项
        
列表第三项
    

8、图片标签 img

src="图片路径" alt="图片失效时，显示文字"

9、表格标签 table

table-- 表格容器 tr ---代表行 td ---代表列 th ---字体加粗并居中

border="1"表示表格有边框 width="宽度" height="高度"

cellpadding ="表格中的字往中间走走" cellspacing="单元格之间的距离"

---表格第一行 ---表格中间位置 ---表格最后一行

    

        

            
ID
            
姓名
            
年龄
            
性别
        
    
    

        

            
001
            
小黑
            
女
            
18
        
        

            
002
            
小兰
            
女
            
10
        
        

            
003
            
小西
            
女
            
16
        
    

rowspan ="把几行合并" colspan="把几列合并" ，先把初始单元格列出来，再合并、删除

eg: colspan写到想要合并的第一列删除后两列元素

rowspan写到想要合并的第一行删除下一行元素

    

        

            
ID
            
姓名
            
年龄
            
性别
        
    
    

        

            
001
            
小黑
            
女
        
        

            
002
            
小兰
            
女
            
10
        
        

            
003
            
            
女
            
16