HTML学习笔记（二）

最新推荐文章于 2024-08-07 21:02:54 发布

刘之帅

最新推荐文章于 2024-08-07 21:02:54 发布

阅读量331

点赞数

文章标签： html

本文链接：https://blog.csdn.net/lzs781/article/details/54936088

版权

html学习笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

- 一常用标签
- 二引入新标签的Hello World

一、常用标签

加入一张图片

<img src="/images/pic.png" alt="这是一张照片" />标签用于插入图片，该标签元素不需要内容，其属性scr指向图片的相对地址或者一个url，alt规定图像的替代文本，如果想正常的显示一张图片，显然src属性是必须的。

超链接

<a href="/index.html">本文本</a> 标签用于创建超链接，元素内容规定了显示的文本，属性href指向超链接转向的url

段落

<p>我是一个段落</p> 标签定义一个段落，就好像文章的一个自然段，段落结束会灵气一行，所以一个段落标签便占据文档一行的空间。

标题

<h1>我是1号标题</h1>
<h2>我是2号标题</h2>
<h3>我是3号标题</h3>
<h4>我是4号标题</h4>
<h5>我是5号标题</h5>
<h6>我是6号标题</h6>

h1~h6规定了标题（大字加粗）格式，随着数字的增加，字体也越来越小。

div

<div style="color:#00FF00">
    <p>DIV定义了一个文档中的分区或节</p>
    <p>文档被DIV分割为独立的、不同的部分</p>
    <p>可以使我们有效的组织页面内容</p>
</div>

表单

<form method="post" action="login.do">
    First name:<br>
    <input type="text" name="firstname"><br>
    Last name:<br>
    <input type="text" name="lastname">
    <input type="submit">
</form>

<form></form>定义一个表单，其中method属性规定表单提交类型，action规定表单提交到哪里。
表单中控件用<input>，其type属性规定了，该控件是何种控件：

type=”text” 规定为文本框
type=”password” 规定为密码框
type=”submit” 规定为提交按钮
更多可以参考：

http://www.runoob.com/tags/tag-input.html

直观了解新标签

我们可以通过百度得到一个新标签的文档资料，但是我们或许对一个新标签的样子和功能还没有直观的认识，最好的办法是写出来并且运行它，如果懒得新建个html文件，不妨试试这个：

http://www.w3school.com.cn/tiy/t.asp?f=html_basic

二、引入新标签的Hello World

这里写图片描述

源码如下：

<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <title>Hello world</title>
        <meta charset="UTF-8" />        
        <link rel="stylesheet" href="style/style.css" />
        <script src="js/jquery-3.1.1.min.js"></script>
    </head>
     <body>
            <h1>Hello World</h1>
            <p>Hello World ，中文意思：你好，世界。世界上的第一个程序就是Hello World，由Brian Kernighan创作。</p>
            <h3>Hello World起源</h3>
            <p>“Hello, world"程序是指在计算机屏幕上输出“Hello,world”这行字符串的计算机程序，“hello, world”的中文意思是“世界，你好”。这个例程在Brian Kernighan 和Dennis M. Ritchie合著的《The C Programme Language》使用而广泛流行。因为它的简洁，实用，并包含了一个该版本的C程序首次出现在1974年Brian Kernighan所撰写的《Programming in C: A Tutorial》</p>
            <!-- ‘../’表示回到上一层文件夹，在这里等效于D:/HTML学习笔记/ -->
            <img src="../image/img2.jpg" alt="helloworld" /><br>
            <h3>最初的Hello World</h3>
            <p>最初的"hello, world"打印内容有个标准，即全小写，有逗号，逗号后空一格，且无感叹号。不过沿用至今，完全遵循传统标准形式的反而很少出现。</p>
            <img src="" alt="这张图片不能正常显示" />


    </body>
</html>

刘之帅

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习笔记（二）

一、常用标签加入一张图片<img src="/images/pic.png" alt="这是一张照片" />标签用于插入图片，该标签元素不需要内容，其属性scr指向图片的相对地址或者一个url，alt规定图像的替代文本，如果想正常的显示一张图片，显然src属性是必须的。超链接<a href="/index.html">本文本</a> 标签用于创建超链接，元素内容规定了显示的文本，属性href指向超
复制链接

扫一扫