  HTML入门必备基础  什么是html 2023-1-12 html代码是由各种“标签”构成的。标签名放到<>中，构成一个标签，大多数标签成对出现，有开始标签也有结束标签，少数标签只有开始标签，称为“单标签”。标签中可以添加相应的属性，但对内容的颜色，字体等样式进行设置的样式属性在一般在CSS中进行编写，一般需要给标签添加id属性，id属性相当于给这个标签设置了一个唯一的标识符，在CSS编写中很方便进行选择。   html的基本结构  BASIC STRUCTURE <!DOCTYPE HTML> <!-- HTML5标准网页声明 --><HTML> <!-- HTML为根标签，代表整个网页 --><head> <!-- head为头部标签，一般用来描述文档的各种属性和信息， 包括标题等--><meta charset='UTF-8'> <!-- 设置字符集为utf-8 --><title>my HTML</title> <!-- 设置浏览器的标题 --></head><!-- 网页所有的内容都写在body标签内 --><body><h1>我的第一个HTML网页 </h1><p>我的第一个HTML网页，我的第一个HTML网页，我的第一个HTML网页</p></body></HTML>标签的层次结构   HIERARCHICAL STRUCTURE 标签的层次结构有父子关系和兄弟关系，在上面的基本结构中：<head>和 <body> 就是兄弟关系，<head>和<body>都是<html>的子标签，<html>是<head>和<body>的父标签，<head>是 <title>的父标签，<title>是<head>的子标签。 html常见标签 1注释标签 html的注释格式是：<!-- 注释的内容 -->，注释是不会在浏览器中显示的，但是能够帮助记录HTML文档，提高代码的可读性，在上面的基本结构中<!-- HTML5标准网页声明 -->都是注释。 2文本标题标签 文本标题标签是对文本标题所进行的着重强调的一种标签。通过<h1>~<h6>标签进行定义的，其中<h1>定义最大的标题，<h6>定义最小的标题，是双标签。如<h3>hello</h3>。 3段落标签 HTML 中可以使用段落标签<p> 来将文档中的内容分割为若干个段落，双标签，自动换行，语法格式如下： 4换行标签 <br>标签能够实现换行功能，<br>是一个单标签，<br>标签不像<p>标签那样有个很大的空隙 5格式化标签 不常用（一般用css进行美化），如：①加粗：strong/b；②倾斜：em/i；③删除线：del/s；④下划线：ins/u。 6图片标签 <img>可以在网页中插入图片，单标签。 <img>标签的相关属性： src：可以采用相对路径或绝对路径； alt：替换文本，当图片不能正确显示的时候，会显示一个替换的文字； title：提示文本，鼠标放到图片上，就会有提示； width/height：控制高度/宽度； border：边框 实例： <img src='rose.jpg'>7超链接标签 <a>标签可以可以通过URL或相对路径来链接到其他页面或本页面的其他位置，单标签。 <a>标签的相关属性：href：必须具备，表示点击后会跳转到哪个页面，可以采用相对路径或绝对路径；target：打开方式，默认为self，如果是blank则用新的标签页打开 实例： 8表格标签 table标签：表示整个表格 tr：表示表格的一行 td：表示一个单元格 9列表标签 无序列表：ul li 有序列表：ol li 10表单标签 ①表单域：<form>标签，双标签，就是用于采集用户输入的信息，并通过<form>标签的提交操作，把采集到的信息提交到服务器端进行处理。 ②表单控件：<input>标签，单标签，用于在表单中创建一个输入框，输入框可以获得用户的输入。 <input>标签相关属性： type：必须属性，值可以为button，checkbox，text，file，image，password，radio； name：给input起了个名字，尤其对于单选按钮，具有相同的name才能多选一，而不能双选； value：input中的默认值； checked：默认被选中（用于单选按钮和多选按钮）； maxlength：定义input元素中可输入的最长字符数。 END |
|
|
来自： 九九吉祥 > 《搭建Discuz网站》
