web处理html标记,web前端学习-----HTML标记

今天要说的是，常用的HTML标记。

-------->>1.1标题字标记和文字标记

1.标题字是以一种固定的字号去显示文字，标题字标记分别为：

、、、、、。

基本语法：

-------->>1.2特殊符号标记

网页中会经常出现一些特殊符号，如：版权信息，数学符号，商标等等。以“&”符号开头，以“；”结尾

-------->>1.3 文本样式和文本修饰样式

1.3.1文本标记

常用属性：1.size：字体大小 (1~7)

2.color：颜色(颜色的十六进制，颜色的英文单词)

3.face：字体样式，如：黑体，楷体

-------->> 1.3.2 文本修饰样式标记

有以下几种：

-------->>1.4 段落标记

-------->>1.5 换行标记
：给文本换行

-------->>1.6 分隔线标记

属性：align：对齐方式，分别为：center、left、right。

size：分隔线的粗细

width：分隔线的宽度

color：分隔线的颜色，颜色的英文单词，十六进制，rgb(rgb)

-------->>1.7图片标记

基本语法：.

属性：src：图片的位置URL，URL分为2种：(1)绝对路径，带盘符，如 “http://www.baidu.com/img”

(2)相对路径，不带盘符，如：“images.jpg”

alt：图片加载不出来时，显示的文字

title：鼠标停留在上面时显示的文字

width：图片的宽度

height：图片的高度

border：图片边框的宽度

vspace：图片与相邻元素的垂直间距

hspace：图片与相邻元素的水平间距

align：图片的水平和垂直对齐方式，分别为：left、center、right、top、middle、bottom.默认值为bottom.

1.8 超链接

但我们在浏览网页的时候，在网页点击相应的内容或者链接，图片，网页就会自动跳转到另一个页面，这就是超链接

基本语法：

属性：(1)href：指定链接指向的目标地址。

(2)target：打开链接页面的方式，有两种方式，一：_self表示目标页面在原窗口打开，默认值是_self；二：_blank表示目标页面在新窗口打开。

(3)title：表示当鼠标指向超链接时显示的文字。

1.9列表

列表可分为：无序列表、有序列表、定义列表；

1.9.1无序列表

嵌套在

基本语法：

type属性用于设置列表项前的项目符号，它的值有：disc(实心圆，默认值)、circle(圆)、square(实心的正方形)

1.9.2有序列表

用于定义无序列表，嵌套在中用于定义列表项。

基本语法：

type属性的值有5中：(1)1：项目符号显示为阿拉伯数字

(2)a：项目符号显示为小写英文字母

(3)A：项目符号显示为大写英文字母

(4)i：项目符号显示为小写罗马数字

(5)I：项目符号显示为大写罗马数字

value：可以改变当前列表项的编号大小，并会影响后续的列表项编号，该属性只用于有序列表，它的值只能取阿拉伯数字。

1.9.3定义列表

liststyle可以综合设置列表项的样式

liststyle：列表项符号(list-style-type) 列表项符号的位置(list-style-position) 列表项图像(list-style-image:url(1.jpg)).

今天的HTML标记就先讲这么所吧，再会！

web处理html标记,web前端学习-----HTML标记相关推荐

web前端学习之ruby标记和rt/rp标记
ruby 标记定义ruby注释(中文注音或字符).ruby标记与rt标记一同使用. ruby标记由一个或多个字符(需要一个解释/发音)和一个提供该信息的rt 标记组成,还包括可选的rp标记,定义当浏览 ...
html文本打印lt;igt;字段,Web前端学习第九课，使用文本格式化标签
1.如何给元素添加样式? 通过前面的学习大家知道,在web前端中,元素所显示出来样子称为表现,专业处理元素长什么样子的技术主要是CSS(层叠样式表). 不过在HTML语言中,你可以用以下两种方式先进行 ...
html css 前端实现消息提醒数_自学的福音，web前端学习全套视频教程+最新学习思维导图都在这里...
1.产品经理.这些是负责策划应用程序的一群人.他们会想出很多新鲜的.奇怪的.甚至是不可能实现的应用.一般来说,产品经理都追求丰富的功能. 2.UI设计师.这些人负责应用程序的视觉设计和交互模拟. 3. ...
web前端学习之HTML
html标记语言是网页自动化测试所必须要掌握的,可以说是前端学习的基石,我都是在w3school上学的,所以就以此来讲.学习地址:http://www.w3school.com.cn/ HTML 指的 ...
html表单的课后心得体会,web前端学习心得体会范文
<web前端学习心得体会范文>由会员分享,可在线阅读,更多相关<web前端学习心得体会范文(2页珍藏版)>请在装配图网上搜索. 1.web前端学习心得体会范文web前端学习心得 ...
Web前端—01HTML超文本标记语言
文章目录一.Wed前端开发介绍 1.Web概述 2.Web起源 3.Web的特点 4.Web工作原理 5.URL介绍二.HTML网页结构 1.HTML介绍 2.HTML基本结构 3.文档类型 4. ...
040_初识 web 前端 HTML 超文本标记语言
文章目录 1. web前端开发技术 2. HTML 页面结构 3. HTML 标签 3.1 文本标签 3.2 换行标签 3.3 列表标签 3.3 div 和 span 标签 3.4 图片标签 3.5 ...
Web前端学习——HTML
Web前端学习day1 一.html的基本介绍 html基本框架二.html元素 1.标题标签 2.水平线标签 3.段落标签 4.强制换行标签 5.文本格式化标签 6.超链接标签 7.图片标签 8. ...
Web前端学习6个有效果软件，你值得拥有!
想要让程序猿可以快速有效的工作,辅助工具是非常有必要的,不管是刚学习web前端技术的同学还是已经进入工作的学员,都需要学习和掌握一些Web前端开发工具和软件,Web前端学习6个有效果软件,你值得拥有! ...
web前端学习1-45集
web前端1-45集 ==第一集== 课程划分 1.HTML+CSS系列教程1之拨云见日 2.HTML+CSS系列教程2之溯本求源 3.HTML+CSS系列教程3之风声水起 4.HTML+CSS系列教 ...

web处理html标记,web前端学习-----HTML标记

web处理html标记,web前端学习-----HTML标记相关推荐

最新文章

热门文章