写点什么

HTML 笔记 1

作者:喜羊羊
  • 2022 年 9 月 10 日
    河南
  • 本文字数:1106 字

    阅读完需:约 4 分钟

HTML笔记1

目录


初步认识 html


设计我们第一个网页


注释


标签中的属性


结语


初步认识 htmlhtml 超文本标记语言,负责网页的三个要素之中的结构


元素是 HTML 的最基本部件,由成对尖括号<>及括号间的内容组成。


例如:<h1>小何今天码代码了吗?</h1>。


基本元素(文字粗细,斜体,上/下标,链接,加载图片,删除线,下划线)


<!DOCTYPE html> 这一行是为了区分 html4 与 html5 的,这行相当于告诉浏览器是 html5,不会出现在网页上


标签一般都是成对出现 开始标签:<标签名> 结束标签:</标签名>


<head><body>是<html>的子标签,<title>是<head>的子标签


在<head>与</head>之间写标题,在<body> </body>之间写内容,网页会呈现出来这样的内容


设计我们第一个网页工具:记事本(初学) -->nodepad++


<!DOCTYPE html><html><head>


<title>这是我的第一个网页</title></head><body><h1>小何今天码代码了吗?</h1></body></html>代码保存为.html 格式,然后用浏览器打开即为最简单的网页。


写出来保存就是这样的效果,然后我们打开这个网页看看


就是这样的效果


HTML 的注释,注释中的内容会被浏览器所忽略,不会在网页中直接显示但是可以在源码中查看注释,注释用来对代码中的内容解释说明的开发中一定要养成良好的编译注释的习惯,注释要求简单明了


        注释还可以将一些不希望显示的内容隐藏                注释不能嵌套            标签一般成对出现,但是存在一些结束标签
复制代码


举个例子


    注释还可以将一些不希望显示的内容隐藏        注释不能嵌套      标签一般成对出现,但是存在一些结束标签        -->  </body>
复制代码


</html>


网页呈现效果如下,可以看到注释中的内容不会显示


但是在源码中,我们可以看到注释中的内容


标签中的属性属性,在标签中(开始标签或自结束标签)还可以设置属性属性是一个名值对(x=y)属性用来设置标签中的内容如何显示


属性和标签名或其他属性应该使用空格隔开有些属性有属性值,有些没有如果有属性值,属性值应该使用引号(单引号或者双引号)引起来
复制代码


举个栗子


<html><head><title>标签的属性</title>


</head><body><!--属性,在标签中(开始标签或自结束标签)还可以设置属性属性是一个名值对(x=y)属性用来设置标签中的内容如何显示
属性和标签名或其他属性应该使用空格隔开有些属性有属性值,有些没有如果有属性值,属性值应该使用引号(单引号或者双引号)引起来--> <h1>这是我们<font color="red" size='25'>第三个</font>网页!</h1></body>
复制代码


</html>


​<font>要设置的文字</font>


功能:修改文字颜色、字体、大小。


常用属性: <font szie="12px">老王</font>


<font color ="red">字体改为红色</font>


<font face="微软雅黑">更改文字字体</font>


呈现如上


结语


冲冲冲!

发布于: 刚刚阅读数: 3
用户头像

喜羊羊

关注

还未添加个人签名 2022.09.01 加入

还未添加个人简介

评论

发布
暂无评论
HTML笔记1_9月月更_喜羊羊_InfoQ写作社区