php小白的自学第一天

最新推荐文章于 2024-09-12 18:22:06 发布

lai_wanzhou

最新推荐文章于 2024-09-12 18:22:06 发布

阅读量224

点赞数 1

文章标签： html 大学生的自学生涯

本文链接：https://blog.csdn.net/lai_wanzhou/article/details/100516526

版权

虽然我还没有学会Python，但是已经开学了……然后老师要验收以php编写的网页……（~~wdnmd~~ ）
这两天先把这个网页设计处理了，Python也会学，Linux还没开始，web更是啥也不会……谁再和我说大学比高中轻松我跟他拼命

（~~听说只要先熟悉了HTML/CSS/JS等网页元素就可以编一个静态网页了，应该能先对付老师的验收吧，猜猜我最后用几天？……~~ ）

好吧今天开始是HTML

HTML：超文本标记语言（HyperText Markup Language）是一种用于创建网页的标准标记语言。

编辑器使用了Notepad++

后缀可以使用.html与.htm，没有区别

翻过来看相当乱，看一点记一点，当作复习大概还是合格的

第一段实例

这是一段实例

实际页面效果：

我的第一个标题

我的第一个段落

源码是这样的

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>来晚舟的第一个网页(网页的网址)</title>
</head>
<body>
 
<h1>我的第一个标题</h1>
 
<p>我的第一个段落。</p>
 
</body>
</html>

解释其中含义

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落

一些元素标签

总览

DOCTYPE
h1~6
p
a
img
br换行
hr水平线
注释

DOCTYPE 声明

声明有助于浏览器中正确显示网页

!doctype不区分大小写，首字母大小写或全大写或全小写均可（自己写的时候大写就行了）

h1~6 标题

h标签h定义一个标签
html分6级标题，从h1到h6，字体逐渐变小，<h1>开始写标题，</h1>结束该标题，其余也是对应的
浏览器会自动在标题前后加一个空行

p 段落

标签p定义一个段落
每一个段落另起一个<p>与</p>
浏览器会自动在段落前后加一个空行

a 链接

标签a定义一个链接
这是百度的链接
源码是这样的

<a href="http://www.baidu.com">这是百度的链接</a>

语法是<a href="url">链接文本</a>
显示后面的链接文本，指向前面的链接，但是链接文本可以是图片或其它html元素

定义新链接在哪里打开需要加一个属性target

<a href="http://www.baidu.com"   target="_blank" rel="_nooppener">这是百度的链接</a>

可以在新窗口中打开百度界面

ID属性
id属性可用于创建一个一个文档书签标记
注：书签不以任何特殊的方式显示，对于读者是隐藏的

<a id="tips">有用的提示部分</a>

有用的提示部分
在HTML文档中创建一个链接到"有用的提示部分(id=“tips”）

img 图像

标签img定义图像

<img src="/images/logo.png" width="258" height="39" />

图像的名称和尺寸以属性的形式提供

br 换行

善用<br>标签在不生成一个新段落的情况下换行
注意在html中进行对段落的编辑是不会反应在最终页面上的，它会省去多余的空格和换行
例如这么写源码：

<DOCTYPE html>
<html>
<head>
<meta charset="utf=8">
<title>是时候不脱更了()</title>
</head>

<body>

<h4>一天2000真的不算多</h4>

<p>
真的不多，
   	真的不多，
   		真的……
</p>
<p>
这样就是一行
</p>

</body>

</html>

实际页面是这样的

是时候不脱更了()