那么,让我们继续中二我们的征途。

一、html设置

1.链接

<a href=" https://www.baidu.com/">baidu首页</a>

链接是用<a></a>定义的,而href是一个链接属性,用来指定链接的地址。显示出来是这个样子。

2.图像

<img src="1.jpg" width="10" height="20/>

同样的Src是图像的一个属性,表示图像名称,width表示图像宽度,height表示图像高度。

二、HTML元素

HTML元素定义HTML文档。

HTML 元素指的是从开始标签到结束标签的所有代码。也就是从<b>到</b>之前的所有内容,以上面的例子为例,<a href=" https://www.baidu.com/">这是百度首页</a>中,<a href=" https://www.baidu.com/">是开始标签,这是百度首页是元素内容,</a>是结束标签。

元素可以嵌套,就像Excel公式一样,可以一个接一个if的套下去,在HTML里就是<html><body><p>123</p></body></html>中,123就是<p></p>的元素,而<p>123</p>整体,是<body></body>的元素,<body><p>123</p></body这个大整体,就是<html></html>的元素。

没有内容的 HTML 元素被称为空元素,比如<a></a>,两个标签里啥都没写。而开始标签<br/>可以用来关闭空元素。

三、元素的属性

属性是大多数元素有的东西,如果把人比作一个元素,那么身高体重血压拉力就是人的属性(突然很庆幸自己学过VB)。属性是在 HTML 元素的开始标签中规定的,属性总是以名称=值的方式出现,=是赋值的意思,比如:<body bgcolor="yellow">,意思是,把主体背景色设置为黄色。代码是这样:

效果是这样的:

属性值一般要放在引号里,单引号或者双引号都可以,如果是内容里有双引号,外部必须用单引号。

四、HTML标题

标题的大小可以用数字表示,比如<h1> </h1>代表1号标题。标题字号有1-6,比如这样:

显示出来的效果是这样,是不是觉得可以拿来泡妹子?

四、一些小技巧

1.创建水平线

<hr /> 可以在HTML页面中创建水平线。其实就是画出一条直线,自己去试试。

2.注释

帮助你自己记得写的代码是什么意思,语法是这样:

<!—我是正版注释,你看不见我哈哈哈-->

<!我是穿了马甲的注释-->

据说所有程序员都是,老子的代码为什么要写注释!

而所有程序员再看别人的代码时都是,为什么不写注释,一点都不专业!

3.看别人网页的源代码

在页面上单击右键,然后选择“查看源文件”。

4.空格的问题

当显示页面时,浏览器不会显示源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。也就是说在代码里面打空格或者空行是没有用的。别问我怎么解决,我还没学到那一步。

如果不产生新段落要换行,可以用<br /> 标签,<br /> 元素是一个空的 HTML 元素。没有结束标签,写一个就行了。

5.记得写结束标签,没有为什么

6. <p> 是块级元素,所以段落的前后会被自动添加空行,但是如果要自己去添加空行的话,用<br />。

码字好累,好想放弃怎么办,我要去撸狗。

html中注释有几种_历史尝试:小白HTML学习笔记(2)相关推荐

  1. react项目中的参数解构_一天入门React学习心得

    一天入门React学习心得 阅读前必读 本文写的仓促,算是一个学习笔记吧,算是一个入门级的学习文章.如果你刚刚入门,那么可能一些入门的视频可能更加适合你.但如果具备一些知识,比如Vue,那么视频就不适 ...

  2. vins中imu融合_小觅智能 | VINS 学习笔记(持续更新中)

    VINS 基本介绍 VINS-Mono 和 VINS-Mobile 是香港科技大学沈劭劼老师开源的单目视觉惯导 SLAM 方案.2017年发表于<IEEE Transactions on Rob ...

  3. 深度学习如何提高训练集准确率_吴恩达深度学习笔记(61)-训练调参中的准确率和召回率...

    单一数字评估指标(Single number evaluation metric) 无论你是调整超参数,或者是尝试不同的学习算法,或者在搭建机器学习系统时尝试不同手段,你会发现,如果你有一个单实数评估 ...

  4. 准确率 召回率_吴恩达深度学习笔记(61)-训练调参中的准确率和召回率

    单一数字评估指标(Single number evaluation metric) 无论你是调整超参数,或者是尝试不同的学习算法,或者在搭建机器学习系统时尝试不同手段,你会发现,如果你有一个单实数评估 ...

  5. python中复数的实部和虚部都是浮点数_Python学习笔记:从入门到放弃(2)基本语法...

    这次主要就记录一下Python中的基本语法,有标识符,注释,行与缩进,print函数输出以及数字类型和字符串 标志符: 第一个字符必须是字母表中字母或下划线 _ . 标识符的其他的部分由字母.数字和下 ...

  6. python opencv 直方图均衡_详解python OpenCV学习笔记之直方图均衡化

    本文介绍了python OpenCV学习笔记之直方图均衡化,分享给大家,具体如下: 官方文档 – https://docs.opencv.org/3.4.0/d5/daf/tutorial_py_hi ...

  7. 强大的DataGrid组件[4]_实现CURD[上]——Silverlight学习笔记[12]

    在本教程中,主要为大家讲述如何使用DataGrid来对后台数据库进行CURD操作.由于CURD操作是与数据库交互中最为常用的,因此掌握其使用方法就显得尤为必要.本教程将使用Linq to SQL Cl ...

  8. 阿里巴巴惠普_阿里巴巴UCAN设计课程学习笔记

    花了一个月的时间,把阿里巴巴的UCAN惠普公开课学习完毕,在过程中记下了不少笔记,我整理了当中的共性和感想,分享给大家. 前言:UCAN 课程的简介 2020的UCAN课程囊括了7个主题,分别是沟通与 ...

  9. wringPi 初始化GPIO 为上拉_敏矽微电子Cortex-M0学习笔记04-GPIO详解及应用实例

    前面我们已经对敏矽微电子的基于cortex m0内核的ME32F030R8T6的基本功能做了介绍,然后详细讲解了开发环境MDK的安装,pack包的安装,工程的建立及程序的仿真,紧接着讲解了ME32F0 ...

最新文章

  1. AI让硬件说话,这就是未来物联网
  2. ajax学生校验学号,ajax校验数据库数据是否存在
  3. 面向对象编程(Object Oriented Programming)概念总结及延伸(一)
  4. python就业前景如何_2020年Python就业前景如何?就业岗位多不多?薪资高不高?...
  5. Codeforces Round #674 (Div. 3)
  6. Android 7.0 隐式广播-监听网络变化
  7. 一步步教你搭建SSM整合+前提配置超详细版(IDEA版本)
  8. 云时代下,移动云揭秘数据库“新解”
  9. 【毕设】JAVA+SQL办公自动化系统(源代码+论文+外文翻译)
  10. JSP程序设计实验报告
  11. 惠普企业级服务器型号,惠普企业级服务器HP rx8640
  12. 在我的世界修改服务器吗 名字,我的世界怎么改名字
  13. odi连接oracle数据库,ODI Studio 11g 连接Essbase数据源
  14. java中文逗号替换成英文逗号_word如何将大量英文逗号批量替换为中文逗号?
  15. Android 下标圆点数字
  16. 电脑怎么还原系统win11
  17. Unity赛车码表原理
  18. 洛谷-P2550-彩票摇奖
  19. python清洗文本_用python清洗文本文件
  20. 贷款需要查询个人征信报告?-民兴商学院

热门文章

  1. 【Flink】Flink flink-runtime.version.properties generated correctly. You MUST run mvn generate-source
  2. 【clickhose】clickhouse-client 无法登录 could not determine local time zone custom time zone file used
  3. 【Flink】CSV 文件写入 追加写入 CsvWriter 的使用
  4. 95-40-025-java.util.concurrent-并发容器
  5. 【Kafka】Kafka集群 动态 添加 节点 可行否
  6. 95-10-025-启动-BrokerId相关
  7. Spark调优 shuffle调优
  8. 60-150-046-使用-Sink-Flink落HDFS数据按事件时间分区解决方案
  9. postgresql如何让主键自增
  10. 北邮计算机机试的编译器,北邮2018计算机院考研复试机试上机题解+结果统计