HTML学习笔记二

对应[星月教你做网站]视频P2-P4

html5环境

IntelliJ IDEA ultimate版

创建html5文档

  1. 使用记事本编写,再将后缀改为.html即可得到一个网页
<html>
<head>
<title>
你好
</title>
</head>
<body>
今天是个好天气
</body>
</html>

**html注释标记< !-- 注释 -->,整行注释(以及取消注释)快捷键ctrl+/ ,选中内容注释ctrl+shift+/

2、基本文档解释:

<!DOCTYPE html>
<!--每个html文档开头必须是DOCTYPE元素,独一无二,浏览器据此知道处理的是html的内容,但现在也可省略 -->
<html lang="en"><!--文档中html部分的开始-->
<!--全拼为language=english, 为了让谷歌浏览器自动翻译成英语,可写可不写-->
<head><!--head元素,包含以下两个元数据-->
<!--    提供有关文档内容和标注信息的-->

    <meta charset="UTF-8"> <!--给浏览器提供多次功能访问,charset,以"UTF-8"的方式对整个文件进行编码-->
    <title>靠谱学院</title>
</head><!--结束符号-->
<body><!--面向用户的显示,内容都可在网页中输出-->
<!--  使用h1元素--><h1>靠谱学院</h1>
靠谱学院
</body>
</html><!--文档中html部分的结束-->

html基本元素

所有元素表
几个文本级别语义示例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
软件学院

<!--a为超链接,加入属性href,里面的属性值就是要访问的链接(本地或外地)--><a href="1createhtml.html" target="_blank">软件学院1</a><!--blank为新建一个标签页打开-->
<a href="1createhtml.html">软件学院2</a><!--默认和_self一样,在当前标签页打开-->
<a href="1createhtml.html" target="_self">软件学院3</a>

<!--b即粗体-->
<b>软件学院</b>

<!--斜体em-->
<em>软件学院</em>

<!--下划线u-->
<u>软件学院</u>

<!--划掉线s-->
<s>软件学院</s>
</html>
发布了6 篇原创文章 · 获赞 0 · 访问量 104

猜你喜欢

转载自blog.csdn.net/CSDN_09/article/details/104134359