加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

HTML文本结构及常用标签

发布时间:2020-12-14 23:56:26 所属栏目:资源 来源:网络整理
导读:一、什么是HTML? HTML:超文本标签语言?(Hyper Text Markup Language) www万维网的描述性语言。 XHTML指可扩展超文本标记语言(标识语言)(EXtensible HyperText Markup Language)是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严
一、什么是HTML?
HTML:超文本标签语言?(Hyper Text Markup Language) www万维网的描述性语言。
XHTML指可扩展超文本标记语言(标识语言)(EXtensible HyperText Markup Language)是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格。
浏览器:“解释和执行”HTML源码的工具
?
二、HTML文档的结构

? HTML文档主要包括三大部分:文档声明部分、头部部分、主体部分。

1、??这是HTML文档的声明部分,在html5中,已经被简化成了此样式。

2、.

????注释:写给程序员看的,网页中不会显示
????HTML中注释的快捷键:Ctrl+/

需要注意的是:文档声明必须有!而且必须在文档页面的第一行!

三、HTML的基本语法
?
<标记 属性=“属性值” 属性=“属性值”>例如:

例如:

说明:1.写在<>中的第一个单词叫做标记,标签,元素。2.标记和属性用空格隔开,属性和属性值用等号连接,属性值必须放在“”号内。3.一个标记可以没有属性也可以有多个属性,属性和属性之间不分先后顺序。4.空标记没有结束标签,用“/”代替。

四、基础标签

LOGO

?

次要栏目或标题-小标题H2

?

再次要栏目或分类小标题H3

?

文中分类小标题H4

?
二级标题
六级标题

html标题标签使用原则

H1在一个网页中最好只使用一次,如对一个网页LOGO使用。

段落文本内容

标识一个段落(段落与段落之间有段间距)

&nbsp;所占位置没有一个确定的值,这与当前字体字号都有关系.


换行是一个空标记(强制换行)

加粗内容B、加粗内容
,

空标记
HTML中有三种列表分别是:无序列表,有序列表,自定义列表

*无序列表无序列表组成:
    (unordered list)
  • ......
*有序列表有序列表组成:
    (ordered list)
  1. ......
*自定义列表
(definition list)
名词
解释
(definition description)......

1 数字顺序的有序列表(默认值)(1,2,3,4)。a 字母顺序的有序列表,小写(a,b,c,d)。A 字母顺序的有序列表,大写(A,B,C,D)i 罗马数字,小写(i,ii,iii,iv)。I 罗马数字,大写(I,iv)。2)、start 属性规定有序列表的开始点。语法:

    图片替换文本

    2)当当前文件与目标文件所处的文件夹在同一目录下,写法如下:文件夹名/目标文件全称+扩展名;3)当当前文件所处的文件夹和目标文件所处的文件夹在同一目录下,写法如下:../目标文件所处文件夹名/目标文件文件名+扩展名;

    语法:空链接属性:target:页面打开方式,默认属性值_self。属性值:

    没有具体含义,统称为块标签,用来设置文档区域,是文档布局常用对象

    文本结点标签可以是某一小段文本,或是某一个字。?

    作用:显示数据

    表格组成

      rowspan=“所要合并单元格的行数”合并行;

    1)、表单框

    4)重置按钮

    单选按钮里的name属性必须写,同一组单选按钮的name属性值必须一样。checked="checked"(默认选中;) disabled="disabled"禁用

    6)复选框

    (disabled="disabled" :禁用)(checked="checked" :默认选中)

    7)下拉菜单

    菜单内容

    扩展知识点3:对于不同的输入类型,value 属性的用法的意义

    value 属性为 input 元素设定值。对于不同的输入类型,value 属性的用法也不同:type="button","reset","submit" - 定义按钮上的显示的文本type="text","password" - 定义输入字段的初始值type="checkbox","radio" - 定义与输入相关联的值注释:

    扩展知识点4:

    1. get是从服务器上获取数据,post是向服务器传送数据。2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。3. 对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。4. get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。5. get安全性非常低,post安全性较高。但是执行效率却比Post方法好。建议:1、get方式的安全性较Post方式要差些,包含机密信息的话,建议用Post数据提交方式;

    2、在做数据查询时,建议用Get方式;而在做数据添加、修改或删除时,建议用Post方式;

    ?

    (编辑:李大同)

    【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!