第一天学习内容(新入门必看)

创建一个网页今天学到了3个方法
1 新建一个文本文档 把后缀改成 html(让我想起了抖音里挺火的那本文本改后缀可以表白)
2 在sublime 编辑器中 ctrl+n 新建一个文件,然后点击右下角的“纯文本”,改成html,保存到桌面或者其他位置即可(此方法在工作中经常应用呢)
3 感觉是在2的基础上进行的 不过比方法二多了更多功能 首先在sublime 编辑器中 ctrl+n 新建一个文件,然后点击右下角的“纯文本”,改成html在sublime 编辑器中 ctrl+n 新建一个文件,然后点击右下角的“纯文本”,改成html,然后 !+Tab 生成网页的通用结构 把<title>Document</title>里的Document改成网页标题。在<body>

</body>中间添加网页正文内容,在标题内<br>可以在网页中生成一个水平分割线,h1标签是 标题标签 ,可以把里面的内容放大并加粗独立占一行h2,h3 --- h6 标签 都是标题标签,文字的大小会依次变小。p 段落标签,每一对P标签在网页中就是一个段落。独立占一行,并且段落和段落之间有一些间距在html中,多个空格和回车会被合并成一个空格去显示。如果你想在网页中强制换行 可以用<br>标签,如果想生成多个空格,可以用 &nbsp; 这个代码来实现。如果想添加图片则输入<img src="图片地址" title="提示文本" alt="替换文本" width="宽度px" height="高度px" >img标签的如果只控制宽度 那么高度会按照原来图片的比例等比缩放。
图片地址的格式一般可以这么写
1 D:\\目录\xxx.jpg 2 目录\xxx.jpg 3 https://www.baidu.com/img/bd_logo1.png 4 ../目录名/xxx.jpg
如果想添加链接则输入 <a href="网页链接">百度</a>
备注:ctrl + s 保存 ctrl + n 新建 ctrl + z 后退,撤销 ctrl + y 前进 ctrl + / 注释 !+tab 生成网页的通用结构
注意!!!全程除了文字都要是英文符合!

猜你喜欢

转载自www.cnblogs.com/526526-/p/9294483.html