当前位置:首页 > 体育资讯 > 正文

【web开发01】前端开发HTML、CSS-新浪新闻的实现

在这里插入图片描述

1.绝对路径
1.1本地路径

 

1.2网络路径

 

2.相对路径

 
 
 
 

2.< hr>是水平线
3.绝对路径 当前目录https://blog.csdn.net/qq_50771882/article/details/ 上上级目录…/

具体代码中是没有空格的,csdn会改写格式这里我才空格


在这里插入图片描述

1.行内样式

 

2.内嵌样式

 

3.外联样式
先创建一个css文件

 

html里面:

 
 

【web开发01】前端开发HTML、CSS-新浪新闻的实现

在这里插入图片描述

 
 

在这里插入图片描述

没有任何语义的标签span
1.元素选择器
2.id选择器

 

3.类选择器

 

在这里插入图片描述

在这里插入图片描述

 

在这里插入图片描述

在HTML中无论输入多少个空格,只会显示一个。可以使用空格占位符&nbsp ;

video

 
 

audio

 
 

p

 
 

b
strong

 
 

text-indent 首行缩进
line-height 设置行高
text-align 靠右对齐
在这里插入图片描述

在这里插入图片描述

 

4.2.1 div

一行只显示一个(独占一行)
宽度默认是父元素的宽度,高度默认由内容撑开
可以设置宽高(width、height)

4.2.2 span

一行可以显示多个
宽度和高度默认由内容撑开
不可以设置宽高(width、height)

在这里插入图片描述
一个tr就是一行
th表头单元格 加粗且居中

 
 

负责数据的采集,如注册、登录等数据采集。
标签:< form>

 
 

< input>:表单项,通过type属性控制输入形式
< select>:定义下拉列表,定义列表项。
< textarea>:文本域
在这里插入图片描述

 

在这里插入图片描述

有话要说...