html超文本标记语言

最新推荐文章于 2022-04-13 19:52:21 发布

wangjinju77777

最新推荐文章于 2022-04-13 19:52:21 发布

阅读量178

点赞数 2

分类专栏：笔记文章标签： java html5 前端

本文链接：https://blog.csdn.net/wangjinju77777/article/details/119329972

版权

笔记专栏收录该内容

43 篇文章 0 订阅

订阅专栏

基本语法：
    <!--
        标记语言中的注释:
    -->
    <!--
        1.html 超文本标记语言
        2.<!DOCTYPE html> html文件的版本类型声明
            <!DOCTYPE html> ->html5的版本声明
            一个html页面中必须在首行存在版本声明
        3.<meta charset="UTF-8"> 告诉浏览器使用哪一种字符编码格式来解析我页面中的内容
            保证一个文件的编码与解码格式保证统一不会出现乱码
        4.html标签的分类:
            单标签 |自闭和标签 : 在开始标签的最后结束  <meta charset="UTF-8"/>
            双标签 |闭合标签 : 有开始有结束    <title>基础语法</title>

        5.标签上可以添加属性
            开始标签上空格添加属性
            属性名 = '属性值'|"属性值"
            作用: 更完善的展示标签的作用
        6.标签的嵌套关系:
            父标签可以嵌套子标签
    -->

常用的标签
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基础语法</title>
</head>
<body bgcolor="#f03725" background="images/xiaoxin.png">
    <!--
       常用的标签:
        1.<head> 页面的头部设置
            给浏览器看的一些设置信息
        2.<body> 定义一些给用户看的内容
            属性:
                bgcolor 背景颜色
                background 背景图片

                颜色的设置:
                    1)颜色的英文单词
                    2)颜色的十六进制值 #+6个字符
                    3)rgb颜色三原色  rgb(0~255,0~255,0~255)
        3.<title> 标题标签
            用户能够看到
            为与搜索引擎优化有好处
            用户收藏为书签的时候,title的内容作为书签名
            在一个html必须存在的标签

       4.p 标签
            段落标签
            语义化作用
            上下存在一块外边距(css样式),浏览器默认提供
            前后换行

      5.a标签
        超链接标签
        属性:
            href : 定义连接地址
                相对地址
                绝对地址 http://www.baidu.com
                必填属性
            title 当鼠标悬停在内容上时候,显示的提示字
            target 打开方式
                _self : 原页面打开
                _blank : 新页面打开

        特点:
            存在下划线
            连接未访问: 蓝色
            连接已访问: 紫色
            行内元素
            
       标签的分类:
            元素: 标签+内容
            行内元素 : 可以和其他元素同行展示
            块元素 : 前后换行,独占一行

    -->
    这是p标签之前:
    <p>这是一段文本</p>
    这是p标签之后:

    <a href="http://www.baidu.com" title="你百度一下,没有解决不了的问题" target="_blank">百度一下你就知道</a>  绝对地址
    <a href="yjxxt_html01.html">html01</a>  这个是相对地址
</body>
</html>

wangjinju77777

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html超文本标记语言

基本语法：  <!-- 1.html 超文本标记语言 2.<!DOCTYPE html> html文件的版本类型声明 <!DOCTYPE html> ->html5的版本声明一个html页面中必须在首行存在版本声明 3.<meta charset="UTF-8"> 告诉浏览器.
复制链接

扫一扫

专栏目录