HTML 标签属性:

<b></b>:加粗
<i></i>:斜体
<u></u>:下划线
<s></s>:删除线
<sup></sup>:上标
<sub></sub>:下标
<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<s>删除线</s>
<sup>上标</sup>
<sub>下标</sub>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
属性:文本的水平对齐方式
取值 :left、center、right
<p></p>
属性:align:left、center、right
demo
<p align="right">the first paragraph</p>
<p>the second paragraph</p>
分割线
作用:在页面中表现为一条直线
语法:<hr>
属性:
size 尺寸 以px为单位
width宽度 以px或%为单位
align 水平对齐方式
color 颜色
demo
<p><hr size="5px" width="50%" align="center" color="red"></p>
分区元素
块分区元素
语法:<div></div> 布局
行内分区元素
语法:<span></span>设置同一行文字内的不同样式
demo
<div>鹅鹅鹅</div>
<div>鹅鹅鹅</div>
<span>鹅鹅鹅</span>
<span>鹅鹅鹅</span>
行内元素 与 块级元素
按照元素们的表现形式来分类,分为行内元素和块级元素
行内元素:在一行 内允许显示多个元素的,叫行内元素 span,i,b,s,u,sup,<sub></sub>
作用:包裹文本,并处理文本的形式
块级元素:每个元素独占一行显示的,叫级元素 div,p,<h1>,h1,h2,h3
作用:布局
注意
1、p标记不能嵌套其他的块级元素
2、行内元素中最好不要嵌套块级元素
 

图像和链接

1、URL
目录结构:目录,保存文件的文件夹名称
什么是URL(uniform resource locator)统一资源定位器 用来标识资源文件的位置
1、URL在wed中的表现形式
1、绝对路径:从文件的最高级目录处开始查找资源文件所结过的路径 使用场合:当想访问互联网上的资源时,只能使用绝对路径
完整的绝对路径四个部分
1、协议名 http
2、域名(主机名,IP地址)www.baidu.com
3、跟相对路径
4、文件名
www.baidu.com/img/baidu_jgylogo3.gif
2、相对路径(重点)场合:使用本机文件时使用 从当前文件位置处开始查找资源文件所经过的路径
1、同目录,直接用
2、子目录,先进入 /
3、父目录,先返回 ../
3、跟相对路径 路径显示是以 /作为开始的。 /:表示是服务器的跟路径
2、图像
1、图像格式
wed中支持的图像格式
1、*.jpg
2、*.gif
3、*.png
2、图像的语法
标记:<img>
1、src:指定要显示图像 URL
2、width:图像的宽度
3、height:图像的高度
4、title:鼠标悬停时,要显示的文本
demo
<p>绝对路径</p>
<p>
<img src="http://www.baidu.com/img/day1/33.jpg">
</p>
<p>相对路径</p>
<p>
<img src="/img/33.jpg">
</p>
<p>跟相对路径</p>
<p>
<img src="/XUFEI/month1/day1/33.jpg"</
</p>

3、超链接

1、语法
标记:<a>内容</a>
属性:
1、href:要链接的HTML页面的URL
2、target:目标,指定新网页的打开方式
取值:
1、—blank:在新标签中打开网页
2、_self:在自身标签页中打开新网页
demo
<h3>1、哈哈哈哈哈哈哈</h3>
<a href="http://www.codeby.com">哈哈哈哈</a>
<h3>2、在新标签中打开</h3>
<a href="http://www.codeby.com" target="_blank"><img src="/XUFEI/month1/day1/33.jpg"></a>
2、链接的表现形式
1、点击操作时,完成资源下载的操作 链接的资源为zip/rar时则为下载操作<a href="day.rar">下载</a>
 

html笔记 标签属性、图像和链接、超链接的更多相关文章

  1. Html5学习笔记1 元素 标签 属性

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. html学习笔记--标签大全

    一.HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(DTD).   标签:a 说明:标明超链接的起始或目的位置.   标签:acronym 说明:标明缩写词.   ...

  3. Html 改变原有标签属性

    内容简要: 当标签内内容 达到某以条件的时候改变当前标签属性 例如原标签为<tr> 当tr内的值符合某一条件时把<tr>变成<a>标签 例:当订单状体编程已支付的时 ...

  4. Android Activity标签属性

    Android Activity标签属性 Activity 是 Android 系统四大应用组件之一,用户可与 Activity 提供的屏幕进行交互,以执行拨打电话.拍摄照片.发送电子邮件等操作开发者 ...

  5. HTML标签界里不会再用到的标签属性(一)

    为了成为一名初级前端开发工程师,最近正在探寻HTML标签的众多奥秘,果不其然,让我发现了许多被“冷落”了的标签属性. 一.<!DOCTYPE> 自从HTML5流行之后,<!DOCTY ...

  6. PHP如何提取img标签属性

    extract_attrib是一个提取的图像标签属性的PHP脚本函数,使用正则表达式方法提取. 当你想在HTML的img标签中提取图像数据,这非常有用. 如果你知道如何修改正则表达式,那么同样的功能进 ...

  7. 常用HTML meta 标签属性(网站兼容与优化需要),meta标签

    常用HTML meta 标签属性(网站兼容与优化需要),meta标签 标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索 ...

  8. python笔记之提取网页中的超链接

    python笔记之提取网页中的超链接 对于提取网页中的超链接,先把网页内容读取出来,然后用beautifulsoup来解析是比较方便的.但是我发现一个问题,如果直接提取a标签的href,就会包含jav ...

  9. HTML5 Audio/Video 标签,属性,方法,事件汇总 (转)

    HTML5 Audio/Video 标签,属性,方法,事件   <audio> 标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放contro ...

随机推荐

  1. 数据可视化之powerBI技巧(四)使用Power BI制作帕累托图

    各种复杂现象的背后,其实都是受关键的少数因素和普通的大多数因素所影响,把主要精力放在关键的少数因素上,就能达到事半功倍的效果. 这就是大家常说的二八原则,也称为帕累托原则,最早是由意大利经济学家 V. ...

  2. mysql子查询习题98

    #1.查询工资最低的员工信息:last name, salary SELECT last_name, salary FROM employees WHERE salary = ( SELECT MIN ...

  3. Reface.AppStarter 类型扫描 —— 获得系统中所有的实体类型

    类型扫描 是 Reface.AppStarter 提供的最基本.最核心的功能. AutoConfig , ComponentScan 等功能都是基于该功能完成的. 每一个使用 Reface.AppSt ...

  4. 作为程序员居然没用过这款神器?太out了吧。

    背景 工欲善其事,必先利其器.​后面我将陆陆续续推荐一些软件利器帮助大家提高效率(主要针对 Mac 电脑). 如果你在使用 Mac 电脑,并且没有如某些人那样安装并使用 Windows 系统,那么你可 ...

  5. QTimer

    目录 简述 详细说明 精度 替代QTimer 成员函数 信号 示例 简述 QTimer类提供了重复和单次触发信号的定时器. QTimer类为定时器提供了一个高级别的编程接口.很容易使用:首先,创建一个 ...

  6. Python Ethical Hacking - VULNERABILITY SCANNER(9)

    Automatically Discovering Vulnerabilities Using the Vulnerability Scanner 1. Modify the run_scanner ...

  7. Ubuntu安装Redis过程完整笔记

    在阿里云与百度云均已经安装成功~~ 下载文件 切换路径设置下载存放地址 cd /home 下载安装包(http://download.redis.io/releases建议下载最新稳定版本) sudo ...

  8. Java对象创建模式

    创建Java对象时,对于可为空的属性,创建对象的时候有3种模式:重叠构造器模式.JavaBeans模式.Builder模式(推荐).Stream模式(推荐).                     ...

  9. Eclipse默认快捷键说明

    Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ctrl+Alt+↑ 复制当前行到上一行(复制增加)Alt+↓ 当 ...

  10. Spring Cloud Alibaba教程:Nacos

    Nacos是什么 Nacos 致力于帮助您发现.配置和管理微服务,它 提供了一组简单易用的特性集,帮助您快速实现动态服务发现.服务配置.服务元数据及流量管理. 注册中心 nacos-server 可以 ...