首页 > 其他分享 >HTML基础知识笔记

HTML基础知识笔记

时间:2023-05-20 10:57:14浏览次数:38  
标签:www 标签 元素 html 笔记 基础知识 HTML 表头

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

<!DOCTYPE html>
<html>
<head>
    <title>Hello World</title>
</head>
<body>
    <p>hello html</p>
</body>
</html>

参考教程:

  1. https://www.w3schools.com/html/default.asp
  2. https://www.w3school.com.cn/index.html

HTML 标签

  • 标题 <h1>This is a heading</h1>
  • 段落 <p>This is a paragraph</p>
  • 链接 <a href="http://www.w3school.com.cn">This is a link</a>
  • 图像 <img src="w3school.jpg" width="104" height="142" />

HTML 元素: 指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

HTML 属性: 标签可以拥有属性,以名称/值对的形式出现,总是在 HTML 元素的开始标签中规定。

  • class 可重复 <div class="cities"><p>London</p></div>
  • id 唯一 <h1 id="myHeader">My Header</h1>
  • style <p style="background-color:green">This is a green</p>

HTML 注释: <!-- This is a comment -->

HTML 表格

<table border="1">
    <tr>
        <th>表头1</th>
        <th>表头2</th>
    </tr>
    <tr>
        <td>行 1, 列 1</td>
        <td>行 1, 列 2</td>
    </tr>
    <tr>
        <td>行 2, 列 1</td>
        <td>行 2, 列 2</td>
    </tr>
</table>

HTML 有序、无序列表

<!-- 有序列表 -->
<ul>
    <li>Coffee</li>
    <li>Milk</li>
</ul>
<!-- 无序列表 -->
<ol>
    <li>Coffee</li>
    <li>Milk</li>
</ol>

元素组合

<div> 块级元素,常用于组合其他 HTML 元素的容器

  • <div class="cities"><p>London</p></div>

<span> 内联元素,常用作文本的容器,不换行

  • <h1>My <span class="red">Important</span> Heading</h1>

HTML 表单

HTML 表单用于搜集不同类型的用户输入

<form action="url_to_server_script" method="GET/POST">
    <!-- form elements go here -->
    <label for="username">Username:</label>
    <input type="text" id="username" name="username"><br>
    <button type="submit">Submit</button>
</form>

标签:www,标签,元素,html,笔记,基础知识,HTML,表头
From: https://www.cnblogs.com/rustling/p/17416889.html

相关文章

  • Common Lisp 批量处理生成HTML网页
    在组织磁盘文件的时候,想到HTMLweb的超级链接对知识有帮助,利用书籍《 PracticalCommonLisp》中的可移植的文件系统库。实现了遍历e盘的图像文件夹,生成多个网页文件,并收集所有的html后缀文件生成超链接。知识点:HTML编辑,文件系统遍历,CommonLisp宏代码如下: (defparamete......
  • [基础数论]同余方程笔记
    前言在学习本节内容前,请确保已完成了二元不定方程的学习。同余方程有无解的判别对于一个方程形如:\[ax\equivb\pmodm\]其中\[a,b\in\mathbbZ,m\in\mathbbZ^+\]并令\[d=(a,m)\]若\(d\nmidb\),则方程\(ax\equivb\pmodm\)无解。若\(d\midb\),......
  • [基础数论]不定方程笔记
    前言在学习本节内容前,最好先学习同余的基本性质以加深理解。一堆定理定理1:若\[a,b,m,n\in\mathbbZ,c\mida,c\midb\]则\[c\mid(ma+nb)\]证明:令\(a=ce,b=cf\),代入\(ma+nb\)再提公因式即可。定理2:若\[a,b,c\in\mathbbZ\]则\[(a+cb,b)=(a,b)\]证......
  • 软件测试的笔记 黑马程序员
     我想学会软件测试的课程。认真学呗。全部学了过一遍。认真学,自己想学。 ......
  • 学习笔记
    2023.4.17CF1820CTheButcher思路口胡:最后答案显然要么长跟最大的一样,或者宽跟最大的一样。先考虑长跟最大的一样。然后考虑贪心,每次删除长一样或宽一样的宽或长即可,只要能递归到中任意长货款为。trick:这是一道边界删除问题。跟前面有道题类似,就递归下去。trick:有时候合并题可......
  • 线段树学习笔记
    让我们来一步一步理解! 1.向上更新voidpush_up(intrt){//向上更新sum[rt]=sum[rt<<1]+sum[rt<<1|1];} 2.向下更新voidpush_down(intrt,intm){if(add[rt]){//若有标记,则将标记向下移动一层add[rt<<1]+=add[rt];add[rt......
  • Redis笔记(三):事务
    什么是Redis事务Redis事务的本质是一组命令的集合。事务支持一次执行多个命令,一个事务中所有命令都会被序列化。在事务执行过程,会按照顺序串行化执行队列中的命令,其他客户端提交的命令请求不会插入到事务执行命令序列中。总结说:redis事务就是一次性、顺序性、排他性的执行一个......
  • es笔记六之聚合操作之指标聚合
    本文首发于公众号:Hunter后端原文链接:es笔记六之聚合操作之指标聚合聚合操作,在es中的聚合可以分为大概四种聚合:bucketing(桶聚合)mertic(指标聚合)matrix(矩阵聚合)pipeline(管道聚合)bucket类似于分类分组,按照某个key将符合条件的数据都放到该类别的组中mertic计......
  • kubebuilder笔记
    一、kubebuilder作用提供脚手架工具初始化CRDs工程,自动生成boilerplate代码和配置提供代码库封装底层的K8sgo-client二、kubebuilder整体流程用户自定义crd,将自定义的crd注册到scheme中,这样通过GVK能找到对应的go的struct,也能通过go的struct找对对应的GVKCache监听S......
  • 人月神话 读书笔记 03
    第9章削足适履9.1程序有多大?除了运行时间以外,它所占据的空间也是主要开销。当系统设计者认为对用户而言,常驻程序内存的形式比加法器、磁盘等更加有用时,他会将硬件实现中的一部分移到内存上。相反的,其他的做法是非常不负责任的。由于规模是软件系统产品用户成本中如此大的一个......