开学html前端之旅

#四个基本结构


你我皆是黑吗 想得美

很多的标签:
语义标签

标题标签:
六级标题
h1~h6,代表head的缩写

段落标签与换行标签



分别是program与break的缩写

文字格式化标签:加粗strong/b 斜体em/i 删除线del/s

下划线ins/u

PC emby 开心版_PC emby 开心版

div标签与span标签:
作用:都是用来布局的,可以看做是一个小盒子
div独占一行,看做大盒子。span之间只有个空格,一行可以放多个span。
后面放超链接的时候有作用

图像标签(总):

PC emby 开心版_特殊字符_02

图像标签(上)

src:图片标签、alt替换文本、title提示文本

代码:

PC emby 开心版_PC emby 开心版_03

效果图出来捏

PC emby 开心版_超链接_04


图像标签(下):

长:height=“”

宽:width="

边框:border注意事项:

PC emby 开心版_标签名_05


这些属性都要写在标签名:img 后面

图像标签中src属性是一定要写的相对路径:看图片与引用的文件的位置,图片在上一节位置,则在路径前加…/

同一节则直接输入路径即可

下一节需要/

PC emby 开心版_特殊字符_06

4.7超链接标签

从一个页面链接到下一个页面

模式

文字、图像、表格、音频、视频等 1.外部链接

target 为打开窗口的方式

“http//“是外部链接必不可少的

由 XX 组成

2.内部链接

网站内部页面之间的相互链接,直接链接内部页面名称即可

,href=”“里面直接输入文件名字即可,不需要http//

3.空连接

href=”#”

4.下载链接

如果href里面地址是一个文件或压缩包(exe/zip ),点击链接后会下载这个文件

5.网页元素链接

在文本图像表格音频视频等地方添加超链接

6.锚点链接

PC emby 开心版_超链接_07


找到标点的地方,用链接<a href="#任意名字"XXX>

找到要到达的地方,在标签处用链接id ="任意名字"做处理

PC emby 开心版_超链接_08


PC emby 开心版_标签名_09


HTML中的注释和特殊字符

注释标签:

或者快捷键ctrl + /

特殊标签,表达空格、<、>

分别是 <(less than )>(greater than)