HTML基础知识(1)
HTML的基础知识
HTML是什么
HTML 超文本(HyperText Marked Language)标记语言
超文本:不仅仅能表示文本的信息,还可以表示音视频,格式等信息。
HTML基本结构
基础标签
标题标签
h1-h6 h1最大 h6最小
—————————————————————
赤橙黄绿青蓝紫
赤橙黄绿青蓝紫
赤橙黄绿青蓝紫
赤橙黄绿青蓝紫
赤橙黄绿青蓝紫
赤橙黄绿青蓝紫
—————————————————————————
段落标签
P 标签标示一个页面的段落,自动换行
—————————————————————
咏鹅
鹅鹅鹅
曲项向天歌
曲项向天歌
曲项向天歌
—————————————————————————
连接标签
a标签 超链接 作用是跳转,包括页间跳转和页内跳转。
(一)页间跳转
href:指定目标连接的URL地址
target:指定打开目标页面的方式
_self:在当前页面中打开 默认的
_blank:在新的页面中打开
title:指定提示信息 (当鼠标悬停上的时候)
(二)页内跳转
在目标标签处指定ID=“…” 在连接处指定href=”#…”
id属性是页面元素的唯一标识
锚点: anchor
—————————————————————
图片标签
Img: 在网页中嵌入图片
Src: 图片资源的URL路径,可以是本地的,也可以是远程的。
Alt属性:当资源不存在时,作为替代文字出现。
Title属性: 解释文字
(一)路径:
(1)相对路径:
…/:表示上一级目录
./:表示当前目录
(2)绝对路径:
—————————————————————
列表标签
无序列表
ul (无序列表) > li (列表项)
Type : 指定无序列表的符号
Disc :默认的 实心圆点
Circle : 空心的圆
Square :实心方块
—————————————————————
- 开班
- 入学
- 测试
—————————————————————————
有序列表
ol (有序列表) > li (列表项)
Type : 指定有序列表的符号取值 1 A a i ii | ||
Start : 指定从第几个开始
—————————————————————
- 北京
- 上海
- 广州
- 深圳
—————————————————————
列表的嵌套
(一)有序ol ->li
(二)无序ul->li
(三)自定义dl->dd,dt
自定义列表
Dl(定义一个自定义列表)> Dt(列表项目的标题)- Dd(列表项目的描述) 平级
HTML基础知识(1)相关推荐
- 嵌入式Linux的OTA更新,基础知识和实现
嵌入式Linux的OTA更新,基础知识和实现 OTA updates for Embedded Linux, Fundamentals and implementation 更新的需要 一旦嵌入式Li ...
- 计算机基础知识第十讲,计算机文化基础(第十讲)学习笔记
计算机文化基础(第十讲)学习笔记 采样和量化PictureElement Pixel(像素)(链接: 采样的实质就是要用多少点(这个点我们叫像素)来描述一张图像,比如,一幅420x570的图像,就表示 ...
- 嵌入式linux编程,嵌入式Linux学习笔记 - 嵌入式Linux基础知识和开发环境的构建_Linux编程_Linux公社-Linux系统门户网站...
注:所有内容基于友善之臂Mini2440开发板 一.嵌入式Linux开发环境的构建 嵌入式开发一般分为三个步骤: 1.编译bootloader,烧到开发板 2.编译嵌入式Linux内核,烧到开发板 3 ...
- 《计算机网络应用基础》模拟试卷(六),《计算机与网络应用基础知识1》模拟试卷...
<计算机与网络应用基础知识1>模拟试卷 (4页) 本资源提供全文预览,点击全文预览即可全文预览,如果喜欢文档就下载吧,查找使用更方便哦! 9.9 积分 <计算机与网络应用基础知识1& ...
- python向量计算库教程_NumPy库入门教程:基础知识总结
原标题:NumPy库入门教程:基础知识总结 视学算法 | 作者 知乎专栏 | 来源 numpy可以说是 Python运用于人工智能和科学计算的一个重要基础,近段时间恰好学习了numpy,pandas, ...
- python常用变量名_python基础知识整理
Python Python开发 Python语言 python基础知识整理 序言:本文简单介绍python基础知识的一些重要知识点,用于总结复习,每个知识点的具体用法会在后面的博客中一一补充程序: 一 ...
- 计算机基础知识掌握欠缺,《计算机基础知识》实验教学改革探讨.pdf
<计算机基础知识>实验教学改革探讨.pdf Science& TechnologyVision 科 技 视 界 科技 探·索·争鸣 计<算机基础知识>实验教学改革探讨 ...
- python计算wav的语谱图_Python实现电脑录音(含音频基础知识讲解)
前言 今天开始进入近期系列文章的第一篇,如何用 Python 来实现录音功能. 在开始"造轮子"之前,个人一直强调一个观点,如果有些东西已经有了,不妨直接去 github 上搜,用 ...
- 计算机wrod初级考试题及答案,计算机基础知识+Word基础知识+Excel基础知识试题答案解析.doc...
文档介绍: 计算机基础知识+ Word基础知识+ Excel基础知识 第一部分 一.单项选择题 1.世界上第一台电子数字计算机取名为( ). A.UNIVAC B.EDSAC C.E ...
- java 前端基础知识_【计算机·知识】关于前端的计算机基础知识
原标题:[计算机·知识]关于前端的计算机基础知识 作为一个刚刚入门的程序猿,你是否对专业知识有足够的了解?今天新闻君带你走进前端的世界. 前端的语言接触起来相对于后端的语言要容易不少,但前端的语言也有 ...
最新文章
- MSSQL数据库统计所有表的记录数
- 【数据结构】单链表的逆序输出(两种方法)
- JAVA构造MAP并初始化MAP
- 高级C语言教程-sscanf()函数使用方式
- java mongodb 增删改查_java操作mongodb:基本的增删改查
- “ GPU视频处理技术调研报告 ”
- jsr 107_如何使用JSR107缓存注释
- 勤学如春起之苗,不见其增,日有所长!
- configure: error: Please reinstall the libcurl distribution - easy.h should be ……
- docker 1.8+之后ubuntu安装指定版本docker-engine
- mysql 联合表(federated)及视图
- hdu acm 1540
- 计算机辅助翻译 火云译客,中文在线翻译韩语
- PTF:一款多模块渗透测试框架
- 【转载】各大主流IP摄像头的rtsp地址介绍
- MCU采样NTC电阻ADC内阻
- 【智能优化算法-鲸鱼算法】基于鲸鱼算法求解多目标优化问题附matlab代码(NSWOA)
- jsDOM编程-小球在盒子里来回撞击
- 阿里云学生机购买流程及续费操作(图文)
- 你了解HashMap吗?