首页 > 软件开发 > HTML >

快速学会HTML语言-9-样式标记(实例)

来源:互联网 2023-03-16 19:11:36 387

先顶后看年薪百万,如果帮到了你,投个好评。yDZ办公区 - 实用经验教程分享!

快速学会HTML语言-9-样式标记(实例)yDZ办公区 - 实用经验教程分享!

工具/原料

  • 电脑软件Sublime
  • 链接:https://pan.baidu.com/s/1okl-cSmUdEcUSi5iNhBy9g
  • 密码:bpmk

方法/步骤

  • 1

    脚本标记scriptyDZ办公区 - 实用经验教程分享!

    script>标记用于定义客户端脚本。yDZ办公区 - 实用经验教程分享!

    例如JavaScript客户端脚本语言,实现HTML动态功能。yDZ办公区 - 实用经验教程分享!

    这是外部引用JavaScript脚本文件yDZ办公区 - 实用经验教程分享!

    script type="text/javascript" src="脚本文件位置">/script>yDZ办公区 - 实用经验教程分享!

    接下来演示内部引用JavaScriptyDZ办公区 - 实用经验教程分享!

    document.write("");固定写法向body标记中写入内容yDZ办公区 - 实用经验教程分享!

    h1>你好/h1>这个就是写入body标记中内容,刚好是h1标记,所以显示在了网页上yDZ办公区 - 实用经验教程分享!

    快速学会HTML语言-9-样式标记(实例)yDZ办公区 - 实用经验教程分享!

  • 1该信息未经许可获取自百度经验
  • 2

    样式标记styleyDZ办公区 - 实用经验教程分享!

    style type="text/css">/style>yDZ办公区 - 实用经验教程分享!

    type属性必写,定义style元素的内容。yDZ办公区 - 实用经验教程分享!

    h1yDZ办公区 - 实用经验教程分享!

    {yDZ办公区 - 实用经验教程分享!

    color: skyblue;yDZ办公区 - 实用经验教程分享!

    font-size: 20px;yDZ办公区 - 实用经验教程分享!

    }yDZ办公区 - 实用经验教程分享!

    h1{}定义所有h1标记的样式yDZ办公区 - 实用经验教程分享!

    color: skyblue;定义文字颜色yDZ办公区 - 实用经验教程分享!

    font-size: 20px;定义文字大小yDZ办公区 - 实用经验教程分享!

    快速学会HTML语言-9-样式标记(实例)yDZ办公区 - 实用经验教程分享!

  • 3

    链接标记linkyDZ办公区 - 实用经验教程分享!

    link>标记定义文档与外部资源的关系,常用于链接样式表,也就是第二步的样式标记style。yDZ办公区 - 实用经验教程分享!

    首先创建外部CSS样式表,然后用编辑软件打开它,输入代码。yDZ办公区 - 实用经验教程分享!

    如图照样h1标记有了样式效果,简单来说就是代码转移到另一个文件上。yDZ办公区 - 实用经验教程分享!

    link rel="stylesheet" type="text/css" href="index.css">yDZ办公区 - 实用经验教程分享!

    rel="stylesheet" type="text/css"固定写法yDZ办公区 - 实用经验教程分享!

    href="样式文件位置"yDZ办公区 - 实用经验教程分享!

    快速学会HTML语言-9-样式标记(实例)yDZ办公区 - 实用经验教程分享!

    快速学会HTML语言-9-样式标记(实例)yDZ办公区 - 实用经验教程分享!

  • 4

    特殊符号要用特殊代码输入。yDZ办公区 - 实用经验教程分享!

    对应表yDZ办公区 - 实用经验教程分享!

    & - &yDZ办公区 - 实用经验教程分享!

    © - ©yDZ办公区 - 实用经验教程分享!

    - <yDZ办公区 - 实用经验教程分享!

    > - >yDZ办公区 - 实用经验教程分享!

    ”- "yDZ办公区 - 实用经验教程分享!

    × - ×yDZ办公区 - 实用经验教程分享!

    § - §yDZ办公区 - 实用经验教程分享!

    ® -®yDZ办公区 - 实用经验教程分享!

    ™ -™yDZ办公区 - 实用经验教程分享!

    快速学会HTML语言-9-样式标记(实例)yDZ办公区 - 实用经验教程分享!

  • 5

    粗体标记有两个:b标记和strong标记yDZ办公区 - 实用经验教程分享!

    这两个效果都是一样的,只是语义不同。yDZ办公区 - 实用经验教程分享!

    快速学会HTML语言-9-样式标记(实例)yDZ办公区 - 实用经验教程分享!

  • 6

    斜体标记有三个:i标记和em标记和cite标记yDZ办公区 - 实用经验教程分享!

    效果都是一样的,只是语义不同。yDZ办公区 - 实用经验教程分享!

    快速学会HTML语言-9-样式标记(实例)yDZ办公区 - 实用经验教程分享!

  • 注意事项

    • 如果有疑问,请在下方评论,小编会回复。
    • 按住Ctrl键 鼠标滚动滑轮可以放大网页查看。
    • 输入完代码,一定要保存文件再打开游览器才有效果。保存快捷键(Ctrl S)

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!yDZ办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码