人个做外贸用什么网站好,wordpress dns ip,网站建设硬件条件,做暖暖网站1.p段落标签 ——一个p标签表示一个段落 单独占一行
p标签里面不可以嵌套其它的块级标签(div h1~h6 p等) 会导致浏览器自动分裂成两个标签 不规范的写法
但是可以包裹span标签
2.span标签 ——包裹文字标签 可以和span一行显示
3.文本格式化标签 ——给…1.p段落标签 ——一个p标签表示一个段落 单独占一行
p标签里面不可以嵌套其它的块级标签(div h1~h6 p等) 会导致浏览器自动分裂成两个标签 不规范的写法
但是可以包裹span标签
2.span标签 ——包裹文字标签 可以和span一行显示
3.文本格式化标签 ——给文本使用的标签
- b和strong 加粗标签
b:加粗标签 视觉上加粗效果
strong:加粗标签 视觉上加粗效果 能快速被搜索引擎找到 seo
- 文字倾斜标签 i和em
i 文字倾斜 视觉上倾斜效果
em 文字倾斜 视觉上倾斜效果 能快速被搜索引擎找到
4.br换行标签
代码
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title这是我的网页/title/headbody!-- 段落标签 可以放很长文字 或者一个段落 --p在城市的绿色和乡村的绿色之外还有一块心灵的绿色它茂盛地长在每个人的心灵沃土上。它不以美丽的外表示人它独自体现着生命的本质既承受阳光雨露呕经历电闪雷鸣。它无形却胜过有形因为一个人的心灵如果失去了绿色也就失去了善意失去了真诚失去了生机和活力。/p!-- p标签里面不可以嵌套其它的块级标签(div h1~h6 p等) 会导致浏览器自动分裂成两个标签 不规范的写法 --!-- p --!-- div我是盒子标签/div --!-- h1一级标题/h1 --!-- p我是自己人p标签/p --!-- /p --p大家感觉学的怎么样?1/pp大家感觉学的怎么样?2/p!-- span标签 包裹文字标签 短文字 --span我是span包裹的文字内容1/spanspan我是span包裹的文字内容2/span!-- span的结合样式的突出用法 --p班主任说: span stylecolor:red;大家今天都要认真学习哦/span/p!-- b:加粗标签 视觉上加粗效果--b加粗的标签/b!-- strong:加粗标签 视觉上加粗效果 能快速被搜索引擎找到 seo--strong看看我/strong!-- 文字倾斜标签 --i无限/iem今晚有空 开黑?/em!-- 文字加粗并且倾斜 --strongi看看倾斜了没/i/strongbr!-- 下划线标签 u/ins --u下划线标签/u!-- 换行标签 --brins文字有下划线/ins!-- 删除线标签 --s特价:9.9/sdel我也是删除线标签/del/body/html 5.a标签——超链接标签 /超文本标签
href:超链接地址路径
target: 指定你的超链接打开位置 1.默认值: target_self: 默认在当前页面中去打开新的链接地址 2.target_blank 新开标签页 点多少次就新开多少个 3.target_new 新开 所有new只会新开一个
代码
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title/headbody!-- a:超链接 href:超链接跳转地址 --a hrefhttps://www.bilibili.com/哔哩哔哩 俺想看b站/a!-- href 可以放网络地址 相对路径方式: ./:在同级目录下去找对应的文件地址 常用../: 在上一个文件夹里面去找文件路径 02 访问 01 文件夹里的内容 不常用绝对路径: 从什么盘开始 一直到你的文件后缀名结束 完整的地址 写作业 最好不要用绝对路径的写法 (每个人的盘是不一样的 如果你要分享东西给别人最好用相对路径 )--a href./1-基础标签.html点击我 去找01页面/a!-- a href./1-基础标签.html11111/a --!-- 我现在是在02 文件夹里面 想访问01 文件夹 怎么办 --a href../01_前端基础/01-网页模板介绍.html点我去01文件找 01-网页模板介绍/a!-- 绝对路径演示 --a hrefF:\前端基础\02_标签知识\1-基础标签.html用绝对去找/abr!-- 网络路径 有网就可以访问的 --a hrefhttps://img2.baidu.com/it/u347034249,179256317fm253fmtautoapp120fJPEG?w1422h800点我给你看好看的/a!-- 超链接放本地的图片 --a hrefE:\星星月亮共闪耀\chengpin1.jpg我自己的图片/a!-- a hrefp我是p标签/p/a --pa href超链接标签/a/p!-- 不规范的写法 不允许a标签 嵌套a标签 --!-- a hrefa href/a/a --/body/html
a标签锚点: a标签之间 锚点绑定对应的name属性 加# a标签 然后想跳转到其他标签位置那就需要用id名 来进行跳转 a href#bottom nametop h2我是这个页面的顶部位置/h2 /a !-- a标签锚点 点击跳转对应的位置 -- a href#top namebottom b我是文章最底部 点我会上面去/b /a 6.img标签图片
- src 图片地址
- alt: 提示文本
- width: 图片宽度
- height:图片高度
- title: 图片描述 鼠标悬停在这个图片 就会显示文字
代码 img src./1.webp alt看到图片了吗 width500px height300px title这是我的可莉吗? 7.div盒子标签
8.h系列标签(h1~h6)——标题的文字是默认会出现不一样的大小和粗细
h1标题标签只允许在一个网页写一次 不允许写多个 写多个的话就会让浏览器分不清主次 导致称为不合格页面
