css+html 一、基础内容+基本标签

web标准：

要求页面实现：结构、表现、行为三层分离
结构：html：页面元素和内容
表现：css：网页元素的外观和位置等页面样式
行为：javaScript：网页模型的定义与页面交互

html骨架结构

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="mystyle.css">//外部css链接
        <title>网页标题</title>
    </head>
    <body>
        网页主体内容
    </body>
</html>

标签

排版标签：
  • 标题标签 h1-h6
  • 段落标签 p标签
  • 水平线标签 hr
  • 换行标签 br
文本格式化标签

标签语义化，基本和加强版本

b strong：加粗 u ins：下划线 i em：倾斜 s del：删除线

媒体标签

  • 图片标签 img
    属性：src：路径 alt：图片加载失败时显示的文字 title：鼠标悬浮的文字 width和height（一般只设置一个，另一个等比例缩放，否则可能会拉伸变形）

  • 路径
    绝对路径：个人电脑中带有盘符的路径 外部链接中，以https://开头的路径
    相对路径：同级目录直接写目标文件名，下级目录文件夹名/文件名 上级目录../文件名

音频标签
  • audio
    属性：src 音频路径、control：播放的控件、autoplay：自动播放、loop：循环播放
视频标签
  • video
    属性：src视频路径、control：播放的控件、autoplay：自动播放、loop：循环播放
链接标签
  • herf：点击跳转
  • target：设置跳转方式
    _self:在当前窗口跳转，原网页不在了
    _blank:在新窗口中进行跳转，原网页还在
  • 空连接：<a href="#">空连接</a>
posted @ 2021-12-28 18:43  一只橙蚊镜  阅读(53)  评论(0)    收藏  举报