html中注释有几种_历史尝试:小白HTML学习笔记(2)
![](/assets/blank.gif)
那么,让我们继续中二我们的征途。
一、html设置
1.链接
<a href=" https://www.baidu.com/">baidu首页</a>
链接是用<a></a>定义的,而href是一个链接属性,用来指定链接的地址。显示出来是这个样子。
![](/assets/blank.gif)
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">,意思是,把主体背景色设置为黄色。代码是这样:
![](/assets/blank.gif)
效果是这样的:
![](/assets/blank.gif)
属性值一般要放在引号里,单引号或者双引号都可以,如果是内容里有双引号,外部必须用单引号。
四、HTML标题
标题的大小可以用数字表示,比如<h1> </h1>代表1号标题。标题字号有1-6,比如这样:
![](/assets/blank.gif)
显示出来的效果是这样,是不是觉得可以拿来泡妹子?
![](/assets/blank.gif)
四、一些小技巧
1.创建水平线
<hr /> 可以在HTML页面中创建水平线。其实就是画出一条直线,自己去试试。
2.注释
帮助你自己记得写的代码是什么意思,语法是这样:
<!—我是正版注释,你看不见我哈哈哈-->
<!我是穿了马甲的注释-->
据说所有程序员都是,老子的代码为什么要写注释!
而所有程序员再看别人的代码时都是,为什么不写注释,一点都不专业!
3.看别人网页的源代码
在页面上单击右键,然后选择“查看源文件”。
4.空格的问题
当显示页面时,浏览器不会显示源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。也就是说在代码里面打空格或者空行是没有用的。别问我怎么解决,我还没学到那一步。
如果不产生新段落要换行,可以用<br /> 标签,<br /> 元素是一个空的 HTML 元素。没有结束标签,写一个就行了。
5.记得写结束标签,没有为什么
6. <p> 是块级元素,所以段落的前后会被自动添加空行,但是如果要自己去添加空行的话,用<br />。
码字好累,好想放弃怎么办,我要去撸狗。
html中注释有几种_历史尝试:小白HTML学习笔记(2)相关推荐
- react项目中的参数解构_一天入门React学习心得
一天入门React学习心得 阅读前必读 本文写的仓促,算是一个学习笔记吧,算是一个入门级的学习文章.如果你刚刚入门,那么可能一些入门的视频可能更加适合你.但如果具备一些知识,比如Vue,那么视频就不适 ...
- vins中imu融合_小觅智能 | VINS 学习笔记(持续更新中)
VINS 基本介绍 VINS-Mono 和 VINS-Mobile 是香港科技大学沈劭劼老师开源的单目视觉惯导 SLAM 方案.2017年发表于<IEEE Transactions on Rob ...
- 深度学习如何提高训练集准确率_吴恩达深度学习笔记(61)-训练调参中的准确率和召回率...
单一数字评估指标(Single number evaluation metric) 无论你是调整超参数,或者是尝试不同的学习算法,或者在搭建机器学习系统时尝试不同手段,你会发现,如果你有一个单实数评估 ...
- 准确率 召回率_吴恩达深度学习笔记(61)-训练调参中的准确率和召回率
单一数字评估指标(Single number evaluation metric) 无论你是调整超参数,或者是尝试不同的学习算法,或者在搭建机器学习系统时尝试不同手段,你会发现,如果你有一个单实数评估 ...
- python中复数的实部和虚部都是浮点数_Python学习笔记:从入门到放弃(2)基本语法...
这次主要就记录一下Python中的基本语法,有标识符,注释,行与缩进,print函数输出以及数字类型和字符串 标志符: 第一个字符必须是字母表中字母或下划线 _ . 标识符的其他的部分由字母.数字和下 ...
- python opencv 直方图均衡_详解python OpenCV学习笔记之直方图均衡化
本文介绍了python OpenCV学习笔记之直方图均衡化,分享给大家,具体如下: 官方文档 – https://docs.opencv.org/3.4.0/d5/daf/tutorial_py_hi ...
- 强大的DataGrid组件[4]_实现CURD[上]——Silverlight学习笔记[12]
在本教程中,主要为大家讲述如何使用DataGrid来对后台数据库进行CURD操作.由于CURD操作是与数据库交互中最为常用的,因此掌握其使用方法就显得尤为必要.本教程将使用Linq to SQL Cl ...
- 阿里巴巴惠普_阿里巴巴UCAN设计课程学习笔记
花了一个月的时间,把阿里巴巴的UCAN惠普公开课学习完毕,在过程中记下了不少笔记,我整理了当中的共性和感想,分享给大家. 前言:UCAN 课程的简介 2020的UCAN课程囊括了7个主题,分别是沟通与 ...
- wringPi 初始化GPIO 为上拉_敏矽微电子Cortex-M0学习笔记04-GPIO详解及应用实例
前面我们已经对敏矽微电子的基于cortex m0内核的ME32F030R8T6的基本功能做了介绍,然后详细讲解了开发环境MDK的安装,pack包的安装,工程的建立及程序的仿真,紧接着讲解了ME32F0 ...
最新文章
- AI让硬件说话,这就是未来物联网
- ajax学生校验学号,ajax校验数据库数据是否存在
- 面向对象编程(Object Oriented Programming)概念总结及延伸(一)
- python就业前景如何_2020年Python就业前景如何?就业岗位多不多?薪资高不高?...
- Codeforces Round #674 (Div. 3)
- Android 7.0 隐式广播-监听网络变化
- 一步步教你搭建SSM整合+前提配置超详细版(IDEA版本)
- 云时代下,移动云揭秘数据库“新解”
- 【毕设】JAVA+SQL办公自动化系统(源代码+论文+外文翻译)
- JSP程序设计实验报告
- 惠普企业级服务器型号,惠普企业级服务器HP rx8640
- 在我的世界修改服务器吗 名字,我的世界怎么改名字
- odi连接oracle数据库,ODI Studio 11g 连接Essbase数据源
- java中文逗号替换成英文逗号_word如何将大量英文逗号批量替换为中文逗号?
- Android 下标圆点数字
- 电脑怎么还原系统win11
- Unity赛车码表原理
- 洛谷-P2550-彩票摇奖
- python清洗文本_用python清洗文本文件
- 贷款需要查询个人征信报告?-民兴商学院
热门文章
- 【Flink】Flink flink-runtime.version.properties generated correctly. You MUST run mvn generate-source
- 【clickhose】clickhouse-client 无法登录 could not determine local time zone custom time zone file used
- 【Flink】CSV 文件写入 追加写入 CsvWriter 的使用
- 95-40-025-java.util.concurrent-并发容器
- 【Kafka】Kafka集群 动态 添加 节点 可行否
- 95-10-025-启动-BrokerId相关
- Spark调优 shuffle调优
- 60-150-046-使用-Sink-Flink落HDFS数据按事件时间分区解决方案
- postgresql如何让主键自增
- 北邮计算机机试的编译器,北邮2018计算机院考研复试机试上机题解+结果统计